/* FileMomo brand tokens. Geometry remains in the existing stylesheets. */
:root {
  color-scheme: light;
  --mint: #36bfa5;
  --momo-green: #94d86f;
  --bg: #f7fcfa;
  --ink: #243a38;
  --muted: #506c63;
  --blue: #147d69;
  --green: #14744f;
  --soft: #eaf9f2;
  --white: #ffffff;
  --surface-soft: #f0f7f3;
  --action-bg: #147d69;
  --accent-hover: #0e6554;
  --on-action: #ffffff;
  --line: #cddfd6;
  --border-strong: #6b9288;
  --focus: #117962;
  --header-bg: #f7fcfaf2;
  --hero-start: #f7fcfa;
  --halo: #ccefe2;
  --halo-soft: #94d86f26;
  --danger: #a12e3b;
  --danger-bg: #fff0f1;
  --peach: #f2f7e7;
  --lavender: #edf7ef;
  --sky: #eaf6f3;
  --footer-bg: #152e27;
  --band-bg: #1c3e33;
  --on-dark: #f0faf6;
  --on-dark-muted: #bdd5c9;
  --on-dark-accent: #a9e781;
  --overlay: #081c17c9;
  --shadow: #163c2414;
  --dot-rose: #dc767f;
  --dot-gold: #dfbd63;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111e1c;
  --white: #203630;
  --surface-soft: #1a2d28;
  --ink: #f0faf6;
  --muted: #bdd5c9;
  --blue: #71d8b6;
  --green: #a9e781;
  --soft: #29483b;
  --mint: #71d8b6;
  --momo-green: #a9e781;
  --action-bg: #71d8b6;
  --accent-hover: #a9e781;
  --on-action: #102a20;
  --line: #3b5c50;
  --border-strong: #789c8c;
  --focus: #a9e781;
  --header-bg: #111e1cf2;
  --hero-start: #152a23;
  --halo: #2c4e3e;
  --halo-soft: #94d86f12;
  --danger: #ffb5be;
  --danger-bg: #482b32;
  --peach: #303e29;
  --lavender: #273f32;
  --sky: #223c35;
  --shadow: #00000030;
}

html {
  background: var(--bg);
  color: var(--ink);
}