/* ==========================================================================
   Arvo — Color tokens
   Sourced from src/lib/theme/colors-theme.tsx (green = default brand theme)
   ========================================================================== */

:root {
  /* ---- Brand core (green) ------------------------------------------------ */
  --arvo-dark-primary: #002c1f;        /* primary brand surface / dark sections */
  --arvo-dark-primary-light: #003c2a;  /* raised dark surface, header gradient   */
  --arvo-primary-dark-text: #00261b;   /* text on light-mint / near-black green   */
  --arvo-primary: #018d63;             /* saturated accent — links, active labels */
  --arvo-light-primary: #9bffe1;       /* mint highlight — active pills, orbs      */
  --arvo-light-primary-2: #9fffe2;     /* mint highlight (alt)                     */

  /* ---- Neutrals ---------------------------------------------------------- */
  --arvo-background: #f0f0f0;           /* page background (warm light grey)  */
  --arvo-surface-card: #ffffff;         /* cards on light sections            */
  --arvo-text: #2e2e2e;                 /* primary body text on light         */
  --arvo-text-light: rgba(46, 46, 46, 0.56); /* muted body text on light      */
  --arvo-white: #ffffff;

  /* ---- Borders ----------------------------------------------------------- */
  --arvo-border-primary: rgba(9, 49, 36, 0.06);   /* hairline on light        */
  --arvo-border-white: rgba(255, 255, 255, 0.06); /* hairline on dark         */
  --arvo-border-dashed: rgba(255, 255, 255, 0.10);/* dashed dividers on dark  */

  /* ---- Signal / status --------------------------------------------------- */
  --arvo-status-online: #0aff84;        /* "ALL SYSTEMS OPERATIONAL" dot     */
  --arvo-danger: #eb4e3d;               /* end-call / destructive            */

  /* ---- Ambient orbs (hero / footer glows) -------------------------------- */
  --arvo-orb-1: rgba(0, 44, 31, 0.10);
  --arvo-orb-2: rgba(0, 60, 42, 0.10);
  --arvo-orb-3: rgba(0, 38, 27, 0.10);

  /* ======================================================================
     Semantic aliases — reach for these in components
     ====================================================================== */
  --surface-page: var(--arvo-background);
  --surface-card: var(--arvo-surface-card);
  --surface-dark: var(--arvo-dark-primary);
  --surface-dark-raised: var(--arvo-dark-primary-light);
  --surface-glass: rgba(255, 255, 255, 0.05);   /* frosted panel on dark     */
  --surface-glass-strong: rgba(255, 255, 255, 0.10);

  --text-body: var(--arvo-text);
  --text-heading: var(--arvo-primary-dark-text);  /* deep-green stat numerals / headings on light */
  --text-muted: var(--arvo-text-light);
  --text-on-dark: rgba(255, 255, 255, 0.80);
  --text-on-dark-muted: rgba(255, 255, 255, 0.55);
  --text-heading-on-dark: #d3e1d8;   /* hero H1 — desaturated mint white     */
  --text-accent: var(--arvo-primary);

  --border-hairline: var(--arvo-border-primary);
  --border-on-dark: var(--arvo-border-white);

  --accent-mint: var(--arvo-light-primary);
  --accent-deep: var(--arvo-primary);
}