/* =========================================================
   Adorever: Design Tokens (v1.0, August 2026)
   Source: Adorever brand foundation / design-tokens.json
   ========================================================= */

:root {
  /* Colour */
  --adorever-green: #338B7A;      /* primary: identity, links, buttons, CTAs */
  --adorever-forest: #1D5C4F;     /* dark surfaces, navigation, footers, reversed logo */
  --adorever-mint: #8FD9C4;       /* secondary tint: hover states, chart accents */
  --adorever-gold: #C7A76C;       /* premium accent: rules, foil effects, featured callouts. Use sparingly. */
  --adorever-cream: #F8F5EF;      /* primary background surface */
  --adorever-charcoal: #22221F;   /* body text and primary text colour, never pure black */
  --adorever-white: #FFFFFF;

  /* Green tint ramp (10% -> 100%) */
  --adorever-green-10: #E7F4F0;
  --adorever-green-25: #C9E7DF;
  --adorever-green-40: #9FD4C6;
  --adorever-green-60: #67B7A4;
  --adorever-green-base: #338B7A;
  --adorever-green-80: #2A7364;
  --adorever-green-100: #1D5C4F;

  /* Typography */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-accent: 'Kaushan Script', cursive;

  /* Type scale */
  --text-h1: 40px;   --leading-h1: 1.2;
  --text-h2: 28px;   --leading-h2: 1.25;
  --text-h3: 20px;   --leading-h3: 1.3;
  --text-body: 16px; --leading-body: 1.6;
  --text-small: 13px; --leading-small: 1.5;

  /* Spacing (8px base scale) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* Radius */
  --radius-none: 0px;
  --radius-card: 8px;
  --radius-panel: 12px;
  --radius-pill: 999px;

  /* Shadow (subtle, premium, not heavy) */
  --shadow-card: 0 1px 2px rgba(34,34,31,0.04), 0 8px 24px rgba(29,92,79,0.08);
  --shadow-lift: 0 4px 10px rgba(34,34,31,0.06), 0 16px 40px rgba(29,92,79,0.12);
}