/* ==========================================================================
   SCPM College of Pharmacy — Design Tokens
   ========================================================================== */
:root {
  /* ---- Brand palette ---- */
  --color-primary:        #E86A17;   /* Premium Saffron */
  --color-primary-dark:   #C2560E;
  --color-primary-light:  #FFA85C;
  --color-secondary:      #FFB347;
  --color-accent-green:   #2E7D32;
  --color-accent-green-dk:#1F5A24;
  --color-bg:             #FFFDF9;
  --color-bg-deep:        #FFF6E9;
  --color-surface:        #FFFFFF;
  --color-text:           #1F2937;
  --color-text-soft:      #5B6472;
  --color-border:         #F4DFC8;
  --color-ink:            #14110D;

  /* ---- Gradients ---- */
  --grad-saffron: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --grad-deep:    linear-gradient(180deg, rgba(20,17,13,.72) 0%, rgba(20,17,13,.28) 45%, rgba(20,17,13,.72) 100%);

  /* ---- Typography ---- */
  --font-display: 'Fraunces', 'Times New Roman', serif;
  --font-body:    'Manrope', -apple-system, Segoe UI, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  --fs-eyebrow:   .72rem;
  --fs-sm:        .875rem;
  --fs-base:      1rem;
  --fs-lg:        1.15rem;
  --fs-h3:        1.5rem;
  --fs-h2:        clamp(1.9rem, 3.2vw, 2.6rem);
  --fs-h1:        clamp(2.4rem, 5.5vw, 4.4rem);

  --lh-tight: 1.1;
  --lh-normal: 1.6;

  /* ---- Spacing scale ---- */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6.5rem;

  /* ---- Shape / elevation ---- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-soft: 0 12px 32px -18px rgba(20,17,13,.28);
  --shadow-card: 0 18px 44px -20px rgba(232,106,23,.30);
  --shadow-lift: 0 26px 60px -24px rgba(20,17,13,.35);

  /* ---- Layout ---- */
  --container: 1240px;
  --header-h: 92px;
  --topbar-h: 40px;

  --ease-out: cubic-bezier(.16,.84,.44,1);
  --dur-fast: .22s;
  --dur-med: .5s;
  --dur-slow: .9s;
}
