/* ============================================================
   AUGESTO - DESIGN TOKENS
   Locked style guide baseline.
   ============================================================ */

:root {
  /* Colours */
  --clr-bg:           #ffffff;
  --clr-bg-alt:       #ededed;
  --clr-bg-dark:      #2d4543;
  --clr-bg-card:      #ededed;
  --clr-surface:      #ededed;

  --clr-theme:        #2d4543;
  --clr-secondary:    #add36e;
  --clr-heading:      #0c0c0c;
  --clr-body:         #666666;
  --clr-gray:         #ededed;
  --clr-light:        #ededed;

  --clr-text:         #0c0c0c;
  --clr-text-dark:    #0c0c0c;
  --clr-text-mid:     #2d4543;
  --clr-text-muted:   #666666;
  --clr-text-xmuted:  #8a8a8a;

  --clr-accent:       #add36e;
  --clr-accent-light: #edf6db;
  --clr-accent-dark:  #8fb956;

  --clr-btn-bg:       #2d4543;
  --clr-btn-hover:    #add36e;

  --clr-white:        #ffffff;
  --clr-black:        #000000;
  --clr-near-black:   #0c0c0c;

  --clr-border:       #ededed;
  --clr-border-dark:  #2d4543;
  --clr-border-mid:   #d7d7d7;

  /* Typography */
  --font-display:  'Instrument Sans', sans-serif;
  --font-body:     'Golos Text', sans-serif;
  --font-mono:     'DM Mono', monospace;

  --fw-regular:    400;
  --fw-medium:     500;
  --fw-semibold:   600;
  --fw-bold:       700;

  --fs-hero:   64px;
  --fs-h1:     64px;
  --fs-2xl:    48px;
  --fs-h2:     48px;
  --fs-xl:     32px;
  --fs-h3:     32px;
  --fs-lg:     28px;
  --fs-h4:     28px;
  --fs-h5:     28px;
  --fs-h6:     20px;
  --fs-md:     20px;
  --fs-base:   16px;
  --fs-sm:     14px;
  --fs-xs:     12px;
  --fs-card-title: 22px;
  --fs-card-title-lg: 30px;
  --fs-metric: 44px;
  --fs-price: 72px;
  --fs-eyebrow: 12px;

  --ls-hero:   0em;
  --ls-h2:     0em;
  --ls-h3:     0em;
  --ls-normal: 0em;
  --ls-wide:   0.04em;
  --ls-wider:  0.08em;

  --lh-hero:   1.1;
  --lh-tight:  1.12;
  --lh-snug:   1.2;
  --lh-normal: 1.5;
  --lh-loose:  1.65;

  /* Spacing */
  --sp-1:   0.25rem;
  --sp-2:   0.5rem;
  --sp-3:   0.75rem;
  --sp-4:   1rem;
  --sp-5:   1.25rem;
  --sp-6:   1.5rem;
  --sp-8:   2rem;
  --sp-10:  2.5rem;
  --sp-12:  3rem;
  --sp-16:  4rem;
  --sp-20:  5rem;
  --sp-24:  6rem;
  --sp-32:  8rem;

  /* Layout */
  --container-max:   1440px;
  --container-pad:   clamp(1.5rem, 5vw, 80px);
  --section-py:      clamp(4rem, 8vw, 120px);
  --header-h:        72px;

  /* Radius */
  --radius-sm:    6px;
  --radius-md:    10px;
  --radius-lg:    14px;
  --radius-xl:    20px;
  --radius-pill:  99px;
  --radius-full:  100%;

  /* Shadows */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.12);

  /* Transitions */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-linear: linear;

  --dur-fast:   150ms;
  --dur-base:   300ms;
  --dur-slow:   600ms;
  --dur-slower: 1000ms;

  /* Z-index */
  --z-below:     -1;
  --z-base:       0;
  --z-raised:    10;
  --z-overlay:   50;
  --z-nav:      100;
  --z-modal:    200;
  --z-cursor:   900;
}