/* ==========================================================================
   UWS India — design tokens
   Single source of truth for colour, type, spacing, radius, shadow.
   Never hard-code a brand value in a component; add or use a token here.
   Breakpoints (cannot be tokenised for media queries): 1000px, 680px.
   ========================================================================== */
:root {
  /* Brand palette ------------------------------------------------------- */
  --c-yellow:        #FBBA00;
  --c-yellow-dark:   #E0A600;
  --c-yellow-tint:   #FFF3CD;
  --c-teal:          #31B7BC;
  --c-teal-deep:     #0B5F72;
  --c-teal-ink:      #08414F;
  --c-teal-tint:     rgba(49, 183, 188, .10);
  --c-red:           #AF0D21;
  --c-red-dark:      #8C0A1A;
  --c-indigo:        #3B3F92;
  --c-sand:          #F6F1E7;
  --c-sand-2:        #FAF8F4;
  --c-gold-tint:     rgba(186, 157, 108, .10);

  /* Neutrals ------------------------------------------------------------ */
  --c-black:         #000000;
  --c-white:         #FFFFFF;
  --c-ink-1:         #3A3A3A;
  --c-ink-2:         #4A4A4A;
  --c-muted:         #5D5A58;
  --c-muted-2:       #8A8580;
  --c-line:          #E4E4E4;
  --c-line-soft:     #EDEDED;
  --c-line-hair:     rgba(0, 0, 0, .14);
  --c-field-bg:      #FCFBFA;

  /* On dark surfaces ---------------------------------------------------- */
  --c-on-dark:            rgba(255, 255, 255, .92);
  --c-on-dark-soft:       rgba(255, 255, 255, .82);
  --c-on-dark-line:       rgba(255, 255, 255, .32);
  --c-on-dark-line-soft:  rgba(255, 255, 255, .24);

  /* Typography ---------------------------------------------------------- */
  --ff-sans:  "Exo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ff-mono:  "DM Mono", ui-monospace, SFMono-Regular, monospace;
  --ff-serif: "Newsreader", Georgia, serif;

  --fs-display: 50px;   /* home h1 */
  --fs-h1:      54px;   /* inner page h1 */
  --fs-h2:      42px;
  --fs-h2-sm:   38px;
  --fs-h3:      26px;
  --fs-lead:    18px;
  --fs-body:    16px;
  --fs-body-sm: 15.5px;
  --fs-meta:    14.5px;
  --fs-eyebrow: 12px;
  --fs-label:   11px;

  --lh-tight: 1.05;
  --lh-snug:  1.2;
  --lh-body:  1.55;
  --lh-loose: 1.65;

  --ls-tight:   -.012em;
  --ls-caps:    .09em;
  --ls-eyebrow: .16em;

  /* Spacing (4px base) -------------------------------------------------- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  28px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-14: 56px;
  --sp-16: 64px;
  --sp-20: 80px;

  /* Layout -------------------------------------------------------------- */
  --container:      1256px;
  --container-wide: 1296px;
  --container-text: 940px;
  --gutter:         24px;
  --gutter-sm:      18px;

  /* Radius, shadow, motion ---------------------------------------------- */
  --radius-sm:   12px;
  --radius-md:   18px;
  --radius-lg:   24px;
  --radius-xl:   28px;
  --radius-pill: 30px;

  --shadow-card:  0 14px 34px rgba(0, 0, 0, .07);
  --shadow-lift:  0 16px 38px rgba(0, 0, 0, .10);
  --shadow-menu:  0 18px 32px rgba(0, 0, 0, .12);
  --shadow-media: 0 18px 40px rgba(0, 0, 0, .28);
  --shadow-float: 0 12px 30px rgba(0, 0, 0, .26);

  --dur-fast: .2s;
  --dur-mid:  .35s;
  --ease:     ease;
  --ease-out: cubic-bezier(.2, .8, .2, 1);

  --z-header: 40;
  --z-menu:   50;
  --z-dock:   80;
  --z-modal:  90;
}