/* Enthree design tokens: warm website-aligned neutrals, amber CTA, quiet solid surfaces. */
:root {
  color-scheme: light;

  /* Brand accent */
  --accent: #D27A2C;
  --accent-pressed: #A9561C;
  --accent-tint: #F4E2C9;
  --accent-contrast: #FFF9EF;
  --accent-2: #E2A132;
  --accent-3: #8A5630;
  --accent-4: #DCA035;

  /* System status colors */
  --green: #2E8A57;
  --red: #E84C3D;
  --orange: #F49A3D;
  --yellow: #F5C84B;
  --blue: #2563EB;

  /* Type scale (px) */
  --fs-large-title: 32px;
  --fs-title1: 26px;
  --fs-title2: 21px;
  --fs-title3: 19px;
  --fs-headline: 17px;
  --fs-body: 17px;
  --fs-callout: 16px;
  --fs-subhead: 15px;
  --fs-footnote: 13px;
  --fs-caption: 12px;

  /* Radii (continuous-corner feel) */
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;

  /* Spacing (8pt grid) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  /* Surfaces */
  --bg: #F4EEE2;
  --bg-grad-1: #FBF6EB;
  --bg-grad-2: #F1E7D5;
  --bg-grad-3: #F7EDD6;
  --grouped: #EAE0D0;
  --surface: #FFFCF6;
  --surface-2: #F4E9D9;
  --surface-bg: #F8F2E7;
  --surface-bg-strong: #FFFCF6;
  --surface-border: rgba(69, 47, 31, 0.13);
  --surface-highlight: rgba(255, 255, 255, 0.38);
  --hairline: rgba(69, 47, 31, 0.14);
  --label: #2B2118;
  --label-2: rgba(43, 33, 24, 0.66);
  --label-3: rgba(43, 33, 24, 0.42);
  --fill: rgba(69, 47, 31, 0.08);
  --fill-2: rgba(69, 47, 31, 0.16);
  --shadow: 0 10px 26px rgba(62, 39, 22, 0.08), 0 1px 5px rgba(62, 39, 22, 0.05);
  --shadow-lg: 0 22px 54px rgba(62, 39, 22, 0.13), 0 6px 16px rgba(62, 39, 22, 0.07);

  /* Motion */
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
  --dur-fast: 150ms;
  --dur: 280ms;

  /* Typography — matches public_website (Space Grotesk display / Inter body) */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;

  font-family: var(--font-body);
}