/* ==========================================================================
   Lumio design tokens. Palette "Mount Kilimanjaro":
   Volcanic Slag #3D3D3D · Alpine Ice #EBECEE · Lichen Green #C4E326 · Summit Stone #8A8C8F
   The glass treatment follows the Glassboard concept in the project root.
   ========================================================================== */

:root {
  --slag: #3d3d3d;
  --ice: #ebecee;
  --lichen: #c4e326;
  --stone: #8a8c8f;

  --font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  --accent: var(--lichen);
  --on-accent: #1d2108;

  /* Light: ice ground, slag ink */
  --bg: #e4e5e7;
  --glass: #ffffff8c;
  --glass-2: #ffffffb8;
  --glass-3: #ffffffeb;
  --well: #3d3d3d0f;
  --line: #3d3d3d1a;
  --line-2: #3d3d3d33;
  --rim: #ffffffc7;
  --text: #262627;
  --muted: #55575a;
  --faint: #6c6e72;
  --accent-text: #56650a;
  --good: #56650a;
  --bad: #b23b25;
  --blur: blur(22px) saturate(140%);
  --shadow: inset 0 1px 0 #fffc, 0 24px 48px -30px #1e1e1f59;
  --shadow-pop: 0 28px 60px -18px #1e1e1f66, 0 2px 6px #1e1e1f14;
  --blob-1: #c4e32659;
  --blob-2: #ffffff;
  --blob-3: #8a8c8f66;
  --grain-op: .05;

  /* Swatch cards (plans, categories, stats) */
  --sw-slag-bg: var(--slag);   --sw-slag-fg: var(--ice);
  --sw-ice-bg: #f6f6f7;        --sw-ice-fg: #262627;
  --sw-lichen-bg: var(--lichen); --sw-lichen-fg: #1d2108;
  --sw-stone-bg: var(--stone); --sw-stone-fg: #161617;

  --r-card: 22px;
  --r-tile: 16px;
  --r-swatch: 6px;
  --gap: 12px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --spring: cubic-bezier(.34, 1.4, .5, 1);

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #1b1b1c;
  --glass: #3d3d3d66;
  --glass-2: #ffffff12;
  --glass-3: #2e2e30;
  --well: #ffffff0f;
  --line: #ffffff17;
  --line-2: #ffffff2b;
  --rim: #ffffff1f;
  --text: #ebecee;
  --muted: #b3b5b8;
  --faint: #95979b;
  --accent-text: var(--lichen);
  --good: var(--lichen);
  --bad: #ff8f78;
  --shadow: inset 0 1px 0 #ffffff14, 0 30px 60px -30px #000c;
  --shadow-pop: 0 28px 60px -18px #000000c0, 0 0 0 1px #ffffff17;
  --blob-1: #c4e32638;
  --blob-2: #ebecee1f;
  --blob-3: #3d3d3d;
  --grain-op: .09;

  --sw-ice-bg: var(--ice);

  color-scheme: dark;
}