/* Shared FlintVM identity: landing, docs, authentication and management. */
:root {
  color-scheme: light;
  --bg: #faf9f6; --surface: #fff; --surface-soft: #f0eeea; --ink: #242629;
  --muted: #62656b; --line: #deddd9; --accent: #a93e1d; --accent-hover: #923416;
  --accent-active: #7c2b12; --on-accent: #fff; --brand: #ed7044; --tint: #f8e9e1;
  --sidebar: #f0eeeaf2; --toolbar: #faf9f6e8; --header: #faf9f6e8;
  --green: #23764a; --green-bg: #edf7f1; --amber: #97600b; --amber-bg: #fff5df;
  --red: #b72e34; --red-bg: #fff1f0;
  --shadow: 0 2px 5px #24262904, 0 14px 40px #24262908;
  --hero-shadow: 0 24px 80px #24262912;
  --text: var(--ink); --inset: var(--surface-soft);
  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --console-bg: #242629; --console-text: #f0eeeb;
  --scrim: #1b1d1f60; --modal-shadow: 0 24px 100px #24262940;
  font-family: var(--font-system); font-optical-sizing: auto; font-synthesis: none;
  accent-color: var(--accent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  color-scheme: dark;
  --bg: #1b1d1f; --surface: #242729; --surface-soft: #292c2e; --ink: #f0eeeb;
  --muted: #adaeaf; --line: #3a3d3e; --accent: #f09975; --accent-hover: #ffb195;
  --accent-active: #e88b64; --on-accent: #242629; --tint: #3d2d26;
  --sidebar: #242729f2; --toolbar: #1b1d1fe8; --header: #1b1d1fe8;
  --green: #83d5a7; --green-bg: #24382c; --amber: #efca83; --amber-bg: #3d3423;
  --red: #ff9b9b; --red-bg: #422a2d; --shadow: 0 4px 24px #0002;
  --hero-shadow: 0 24px 80px #0003;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1b1d1f; --surface: #242729; --surface-soft: #292c2e; --ink: #f0eeeb;
  --muted: #adaeaf; --line: #3a3d3e; --accent: #f09975; --accent-hover: #ffb195;
  --accent-active: #e88b64; --on-accent: #242629; --tint: #3d2d26;
  --sidebar: #242729f2; --toolbar: #1b1d1fe8; --header: #1b1d1fe8;
  --green: #83d5a7; --green-bg: #24382c; --amber: #efca83; --amber-bg: #3d3423;
  --red: #ff9b9b; --red-bg: #422a2d; --shadow: 0 4px 24px #0002;
  --hero-shadow: 0 24px 80px #0003;
}
@media (prefers-contrast: more) {
  :root { --muted: #343638; --line: #6f7173; }
  :root[data-theme="dark"] { --muted: #dededb; --line: #9b9d9e; }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --muted: #dededb; --line: #9b9d9e; }
}