/* Soulpreneurs theme. v0.5.0 (Sep 27, 2026; Oct 1, v0.8.0: clay and dew for the SoulCast Home tiles).
   The teal names now hold the green season; the gold names hold lavender.
   Variant A, Garden, from 9-26-26_Green_Palette_Options.html, light and dark.
   Light by default, the studio's warm brown set in dark. The page follows the device until the person
   picks with the sun/moon button; the choice is data-theme on <html> and sp-theme in localStorage, the
   same key the studio reads. Every colour a page uses is one of these tokens.
   --leaf is only ever a state: a switch that is on, a bar, a live dot, a heart. Never text, never a fill. */

:root {
  --paper: #FAF8F4; --card: #FFFFFF; --ink: #3A3432; --ink-soft: #564e4d; --ink-faint: #8A8A8A;
  --sage: #CFE0BC; --sage-soft: #EEF3E6; --teal: #4F6B2E; --teal-deep: #3E5624; --teal-ink: #2F4A1E;
  --leaf: #7FA65A;
  --gold: #C9B8E8; --gold-soft: #F1ECFA; --gold-ink: #5A4A8A;
  --line: #ECE7E2; --line-soft: #F3EFEB; --rose: #FF6B6B; --cream: #FAF6F1; --beige: #EDE7E3;
  --pill: linear-gradient(135deg, #FAF6F1, #EDE7E3, #CFE0BC);
  --vine: #3E5624; --petal: rgba(201, 184, 232, .55); --edge-ink: .16;
  --shadow: rgba(86, 78, 77, .10); --btn-ink: #FFFFFF;
  /* Added for the shell's own rules (not in the mockup): */
  --rose-soft: #FBE3E0; --overlay: rgba(58, 52, 50, .35); --switch-off: #D9D2CE; --media-bg: #000000;
  /* v0.8.0, the calm Home: clay (Branding) and dew (Guests), each with the ink that sits on it and the dot for the menu. */
  --clay: #F6E5DD; --clay-ink: #6E4034; --clay-dot: #D49A84; --dew: #DEEEEC; --dew-ink: #2F4A1E; --dew-dot: #7FB8B2;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #2A2624; --card: #3A3432; --ink: #FFFFFF; --ink-soft: #D9D2CE; --ink-faint: #B0B0B0;
    --sage: #5E7A45; --sage-soft: #3F4636; --teal: #8DB36A; --teal-deep: #A3C483; --teal-ink: #DCE6CF;
    --leaf: #8DB36A;
    --gold: #9C88CC; --gold-soft: #45405A; --gold-ink: #D8CCF2;
    --line: #4A443F; --line-soft: #443E3A; --cream: #4A443F; --beige: #564e4d;
    --pill: linear-gradient(135deg, #4A443F, #564e4d, #5E7A45);
    --vine: #C9D8B6; --petal: rgba(156, 136, 204, .5); --edge-ink: .22;
    --shadow: rgba(0, 0, 0, .35); --btn-ink: #2A2624;
    --rose-soft: #4A3431; --overlay: rgba(0, 0, 0, .55); --switch-off: #564e4d; --media-bg: #000000;
    --clay: #44322C; --clay-ink: #F0D6CB; --clay-dot: #D49A84; --dew: #283A38; --dew-ink: #DCE6CF; --dew-dot: #7FB8B2;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #2A2624; --card: #3A3432; --ink: #FFFFFF; --ink-soft: #D9D2CE; --ink-faint: #B0B0B0;
  --sage: #5E7A45; --sage-soft: #3F4636; --teal: #8DB36A; --teal-deep: #A3C483; --teal-ink: #DCE6CF;
  --leaf: #8DB36A;
  --gold: #9C88CC; --gold-soft: #45405A; --gold-ink: #D8CCF2;
  --line: #4A443F; --line-soft: #443E3A; --cream: #4A443F; --beige: #564e4d;
  --pill: linear-gradient(135deg, #4A443F, #564e4d, #5E7A45);
  --vine: #C9D8B6; --petal: rgba(156, 136, 204, .5); --edge-ink: .22;
  --shadow: rgba(0, 0, 0, .35); --btn-ink: #2A2624;
  --rose-soft: #4A3431; --overlay: rgba(0, 0, 0, .55); --switch-off: #564e4d; --media-bg: #000000;
  --clay: #44322C; --clay-ink: #F0D6CB; --clay-dot: #D49A84; --dew: #283A38; --dew-ink: #DCE6CF; --dew-dot: #7FB8B2;
  color-scheme: dark;
}

/* A QR code scans only dark on light, so it keeps these in both themes. */
:root { --qr-bg: #FFFFFF; --qr-ink: #000000; }

/* The two faces, with real fallbacks when Google Fonts is slow or blocked. */
:root {
  --serif: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}