/* =========================================================
   Rasun — Design Tokens
   Black & Gold / white-background corporate theme
   ========================================================= */
:root {
  /* Brand */
  --gold:        #C9A24B;   /* primary accent (icons, borders) */
  --gold-soft:   #E6CC8A;   /* highlight gradient */
  --gold-deep:   #8E6F2A;   /* gradient end, hover */
  --gold-text:   #A8862E;   /* WCAG-safer gold for body text on white */
  --ink:         #0B0B0C;   /* primary dark / hero / footer */
  --ink-2:       #17181B;
  --ink-3:       #2A2B2F;
  --bg:          #FFFFFF;
  --muted:       #F7F5F1;   /* warm off-white section */
  --line:        #E8E2D3;   /* hairline */
  --line-strong: #D6CDB5;
  --text:        #1B1C1F;
  --text-soft:   #4A4D55;
  --text-mute:   #7A7E88;

  /* Typography */
  --font-serif:  'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-sans:   'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  --fs-xs: .75rem;     /* 12 */
  --fs-sm: .875rem;    /* 14 */
  --fs-base: 1rem;     /* 16 */
  --fs-md: 1.125rem;   /* 18 */
  --fs-lg: 1.375rem;   /* 22 */
  --fs-xl: 1.75rem;    /* 28 */
  --fs-2xl: 2.25rem;   /* 36 */
  --fs-3xl: clamp(2rem, 4vw + 1rem, 3.5rem);     /* hero h2 */
  --fs-hero: clamp(2.5rem, 6vw + 1rem, 5.25rem); /* hero h1 */

  /* 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: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* Layout */
  --container: 1200px;
  --container-wide: 1360px;
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Shadows */
  --shadow-sm:  0 1px 2px rgba(11,11,12,.06);
  --shadow:     0 8px 24px -10px rgba(11,11,12,.18), 0 2px 6px rgba(11,11,12,.06);
  --shadow-lg:  0 30px 60px -30px rgba(11,11,12,.45), 0 10px 24px -12px rgba(11,11,12,.18);
  --shadow-gold: 0 12px 36px -16px rgba(201,162,75,.55);

  /* Motion */
  --ease:       cubic-bezier(.2, .7, .2, 1);
  --ease-out:   cubic-bezier(.16, 1, .3, 1);
  --dur-1: 180ms;
  --dur-2: 320ms;
  --dur-3: 520ms;

  /* Z-index */
  --z-nav: 50;
  --z-drawer: 60;
  --z-lightbox: 80;
}