/* ============================================================
   AUXO design tokens
   Single source of truth for palette, type, spacing, motion.
   Edit values here, the whole system follows.
   ============================================================ */

:root {
  /* ---- Palette: dark-warm ---- */
  --espresso:        #1A1614;  /* base, never pure black */
  --espresso-raise:  #221C19;  /* slightly raised surface */
  --espresso-card:   #271F1B;  /* node / card inner core */
  --espresso-deep:   #14110F;  /* recessed wells, footer */

  --cream:           #F2EBE3;  /* warm off-white, primary text */
  --cream-dim:       #C9BCAF;  /* secondary text */
  --cream-faint:     #9C8E81;  /* tertiary / captions */

  --clay:            #D27A5E;  /* primary accent */
  --clay-deep:       #B86048;  /* darker clay */
  --gold:            #E0A569;  /* used sparingly, like gold leaf */

  /* hairlines and washes (warm, low alpha) */
  --line:            rgba(242, 235, 227, 0.09);
  --line-soft:       rgba(242, 235, 227, 0.05);
  --line-strong:     rgba(242, 235, 227, 0.16);
  --clay-wash:       rgba(210, 122, 94, 0.10);
  --clay-wash-soft:  rgba(210, 122, 94, 0.06);

  /* ---- Type ---- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* dramatic display scale (fluid) */
  --fs-hero:    clamp(2.7rem, 1.7rem + 4.6vw, 5.5rem);
  --fs-h2:      clamp(2rem, 1.3rem + 3.2vw, 3.75rem);
  --fs-h3:      clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem);
  --fs-stat:    clamp(3.25rem, 2rem + 6vw, 6.5rem);
  --fs-body:    clamp(1rem, 0.97rem + 0.2vw, 1.1rem);
  --fs-body-lg: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --fs-small:   0.8125rem;
  --fs-label:   0.72rem;

  --lh-tight:  1.02;
  --lh-snug:   1.14;
  --lh-body:   1.62;

  --tracking-label: 0.18em;

  /* ---- Spacing / layout ---- */
  --maxw:       1240px;
  --maxw-text:  62ch;
  --gutter:     clamp(1.25rem, 0.7rem + 2.6vw, 3rem);
  --section-y:  clamp(5.5rem, 4rem + 7vw, 11rem);

  /* ---- Shape ---- *
     One radius system: pills for interactive, soft squircles for objects. */
  --r-node:  18px;
  --r-card:  22px;
  --r-shell: 26px;   /* outer bezel shell */
  --r-pill:  999px;
  --r-input: 12px;

  /* ---- Shadow (tinted to the background hue, never pure black) ---- */
  --shadow-node:  0 1px 0 rgba(242,235,227,0.04) inset,
                  0 14px 34px -18px rgba(0,0,0,0.7),
                  0 2px 8px -4px rgba(0,0,0,0.5);
  --shadow-lift:  0 1px 0 rgba(242,235,227,0.06) inset,
                  0 26px 60px -22px rgba(0,0,0,0.78),
                  0 8px 22px -10px rgba(184,96,72,0.28);
  --inner-hi:     inset 0 1px 0 rgba(242,235,227,0.10);

  /* ---- Motion: one carved voice for the whole page ---- */
  --ease-carved: cubic-bezier(0.22, 1, 0.36, 1);   /* strong settle, shared everywhere */
  --ease-soft:   cubic-bezier(0.4, 0, 0.2, 1);     /* gentle for hovers */
  --dur-fast:    180ms;
  --dur-mid:     420ms;
  --dur-slow:    760ms;

  /* ---- z-index scale ---- */
  --z-glow: 0;
  --z-base: 1;
  --z-nav: 60;
  --z-menu: 70;
  --z-grain: 90;
}