/* Original Vitalo7 brand constants, checked 8 October 2026.
   Source: https://vitalo7.com/assets/css/tokens.css
   Keep the identity here; layout and typography remain in styles.css. */
:root {
  --mint: #00E6A6;
  --mint-deep: #00805C;
  --cyan: #00B8D4;
  --violet: #7C3AED;
  --ink: #1A1F23;
  --frost: #F2F5F7;
  --graphite: #2A2F36;
  --mist: #A7B3BF;

  --surface: #FFFFFF;
  --muted: #52606D;
  --line: rgba(11, 14, 19, .16);
  --mint-tint: color-mix(in srgb, var(--mint) 12%, var(--surface));
}

/* Semantic tokens. Only these flip with the theme — the brand constants above
   never do. The hero, the app section and the mint cards are meant to be dark or
   mint in both themes, and they reference the constants directly, so a blanket
   swap of --ink/--frost would have inverted exactly the parts that should not. */
:root {
  --page-bg: var(--frost);
  --page-fg: var(--ink);
  --card: var(--surface);
  --rule: var(--line);
  --soft: var(--muted);
  --footer-bg: var(--mint-tint);
}

:root[data-theme="dark"] {
  --page-bg: #14181D;
  --page-fg: #EAEFF3;
  --card: #1E242B;
  --rule: rgba(234, 239, 243, .16);
  --soft: #9AA7B4;
  --footer-bg: color-mix(in srgb, var(--mint) 9%, #14181D);
}