/* Lyrichord design tokens. Reused as-is by web/ once the app is built. */
:root {
  /* surface */
  --bg: #faf7f2;          /* warm paper */
  --surface: #ffffff;
  --surface-2: #f2ede4;   /* chips, inputs */
  --line: #e4ddd0;
  /* ink */
  --ink: #1f1b16;
  --ink-2: #6b6357;       /* secondary text */
  --ink-3: #9a9183;       /* hints, disabled */
  /* brand */
  --accent: #c4511f;      /* chords, primary actions (terracotta) */
  --accent-ink: #ffffff;
  --accent-soft: #f8e3d8; /* chord highlight bg */
  --ok: #3f7d4e;
  --warn: #a8741a;
  --warn-soft: #f6ead0;
  /* shape + type */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --font-ui: -apple-system, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;
  --font-serif: ui-serif, "New York", Georgia, "Times New Roman", serif; /* titles */
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;       /* editor */
  --lyric-size: 18px;     /* user setting: 14-28 */
  --tap: 44px;            /* minimum touch target */
}

/* "Stage" theme: dim room, low glare. Follows OS, can be forced in settings. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --dark: 1; }
}
:root[data-theme="dark"], .theme-dark {
  --bg: #15130f;
  --surface: #1f1c17;
  --surface-2: #2a2620;
  --line: #373229;
  --ink: #f3eee4;
  --ink-2: #b3aa9b;
  --ink-3: #7d7567;
  --accent: #ff9a62;
  --accent-ink: #1a0f08;
  --accent-soft: #3a2517;
  --ok: #7fc08f;
  --warn: #e0b45a;
  --warn-soft: #3a2f16;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #15130f; --surface: #1f1c17; --surface-2: #2a2620; --line: #373229;
    --ink: #f3eee4; --ink-2: #b3aa9b; --ink-3: #7d7567;
    --accent: #ff9a62; --accent-ink: #1a0f08; --accent-soft: #3a2517;
    --ok: #7fc08f; --warn: #e0b45a; --warn-soft: #3a2f16;
  }
}