/* day/theme.css — the "Soft meadow" DAY skin (the current Flowtech GEO look).
 *
 * This is the default skin: it defines the full variable set on `:root`, so it is
 * also the fallback when no `data-skin` attribute is present. The base component
 * layer (`_base/base_skin.css`) reads these tokens. Switching to another skin
 * overrides the same variables under `html[data-skin="<id>"]`.
 */
:root {
  /* Canvas — soft meadow gradient (no corner halos) */
  --m-canvas-top:  #e7eee0;
  --m-canvas-bot:  #dfe8d6;
  --m-card:        rgb(253 255 248);
  --m-border:      #dde6d5;
  --m-border-d:    #cfdcc6;
  --m-sidebar-bot: #eef4e9;

  /* Onboarding wizard stepper panel — a deeper meadow green so the sidebar
     stands out from the page canvas. Text over it uses the light on-accent series. */
  --m-stepper-bg:    linear-gradient(180deg, var(--m-forest) 0%, var(--m-forest-d) 100%);
  --m-stepper-fg:    #f4faf1;
  --m-stepper-muted: #dcead9;
  --m-stepper-track: rgba(244,250,241,0.30);
  --m-stepper-ring:  rgba(244,250,241,0.55);
  /* Completed-step circle: a light mint that pops on the deep green panel,
     with a dark checkmark so both stay readable. */
  --m-stepper-done:    #7fd8a8;
  --m-stepper-done-ink:#1e3a28;
  /* Toad assistant bubble: light-yellow comic panel + deep-green border so it
     stands apart from every card in the interface. */
  --m-toad-bubble:  #fef6c9;
  --m-toad-border:  #276845;
  --m-toad-ink:     #20402c;

  /* Green = reference hue */
  --m-forest:      #2f7d52;
  --m-forest-d:    #276845;
  --m-emerald:     #159973;
  --m-lime:        #9cc04e;
  --m-olive:       #78895e;
  --m-sage:        #b4c8a0;

  /* Accent hues anchored around the green */
  --m-aqua:        #26a69a;
  --m-amber:       #d8a528;
  --m-coral:       #e07a5f;
  --m-lavender:    #9b7fd4;
  --m-sky:         #4f9fd6;
  --m-rose:        #d46a8c;

  /* Ink & text */
  --m-ink:         #1e3a28;
  --m-text:        #3a5440;
  --m-muted:       #62786a;
  --m-faint:       #9db0a6;

  /* On-colors (text over accent / ink fills) */
  --m-on-accent:   #f4faf1;
  --m-on-ink:      #eef6e9;

  /* Semantic */
  --m-success:     #2f7d52;
  --m-warning:     #d8a528;
  --m-danger:      #c05545;
  --m-danger-d:    #a84a3c;
  --m-danger-soft: #fdecea;
  --m-amber-d:     #c08f1e;

  /* Tints / softs */
  --m-hover:        rgba(47,125,82,0.07);
  --m-row-hover:    rgba(154,192,78,0.10);
  --m-brand-row:    rgba(216,165,40,0.14);
  --m-row-brand-hover: rgba(216,165,40,0.22);
  --m-topbar-bg:    rgba(231,238,224,0.75);
  --m-overlay:      rgba(17,24,39,0.4);
  --m-soft:         #eef2ea;
  --m-forest-soft:  rgba(47,125,82,0.12);
  --m-aqua-soft:    rgba(38,166,154,0.18);
  --m-amber-soft:   rgba(216,165,40,0.20);
  --m-coral-soft:   rgba(224,122,95,0.18);
  --m-lavender-soft: rgba(155,127,212,0.18);
  --m-aqua-fg:      #1a7f76;
  --m-amber-fg:     #966f12;
  --m-coral-fg:     #b04e35;
  --m-lavender-fg:  #6f56b0;

  /* FAB neutrals */
  --m-fab-gray:        #d7d9dd;
  --m-fab-gray-hover:  #c7dade;

  /* Brand (sky→green) alpha ramp used by the Tailwind remaps */
  --m-brand-tint-05: rgba(47,125,82,0.05);
  --m-brand-tint-08: rgba(47,125,82,0.08);
  --m-brand-tint-12: rgba(47,125,82,0.12);
  --m-brand-tint-25: rgba(47,125,82,0.25);
  --m-brand-tint-45: rgba(47,125,82,0.45);
  --m-brand-tint-55: rgba(47,125,82,0.55);
  --m-brand-tint-85: rgba(47,125,82,0.85);

  /* Shadow + overlay */
  --m-shadow:      rgba(30,58,40,0.9);

  /* Fonts */
  --font-sans:     'Space Grotesk', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', ui-monospace, monospace;

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;

  /* Shape / border type */
  --border-w: 1.5px;
  --border-style: solid;
  --shadow-x: 4px;
  --shadow-y: 4px;

  /* Charts — "Soft meadow" palette (design/style-proposal-8.html).
     Brand line/share = forest; series = proposal-8 rainbow. */
  --chart-line: #2f7d52;
  --chart-grid: rgba(120,137,94,0.18);
  --chart-tick: #62786a;
  --chart-tooltip-bg: #1e3a28;
  --chart-tooltip-fg: #f4faf1;
  --chart-disabled: #cadec0;
  --chart-disabled-border: #b4c8a0;
  --chart-series: #159973,#26a69a,#9cc04e,#d8a528,#e07a5f,#9b7fd4,#4f9fd6,#2f7d52,#78895e,#b4c8a0,#c95c6e,#c06fae,#7a6fd0,#4aaebd,#b07a4a;
}