/* Direction: Lia Assistant — quiet editorial workspace, stone paper, deep teal, serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f5f6f2;
  --surface: #fbfbf9;
  --surface-2: #e9eae7;
  --border: #d3d6d2;
  --border-strong: #adb1ad;
  --ink: #14221e;
  --muted: #5d6462;
  --accent: #1c6b58;
  --accent-hover: #185b4b;
  --accent-ink: #ffffff;
  --accent-text: #165645;
  --accent-strong: #1c6b58;
  --accent-soft: #d7e3dc;
  --accent-border: #93b7ad;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dae8dc;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #ede2d6;
  --warning-strong: #994607;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #edddd9;
  --danger-strong: #b3261e;
  --chart-1: #1c6b58;
  --chart-2: #1980ac;
  --chart-3: #523b8c;
  --chart-4: #a84c77;
  --chart-5: #763a09;
  --chart-6: #747a0e;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius-card: 14px;
  --display-tracking: -0.02em;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --display-weight: 700;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #040f0c;
  --surface: #1d2724;
  --surface-2: #111b18;
  --border: #27312e;
  --border-strong: #4f5755;
  --ink: #f5f6f2;
  --muted: #959a96;
  --accent: #1c6b58;
  --accent-hover: #3e8171;
  --accent-ink: #ffffff;
  --accent-text: #699d90;
  --accent-strong: #5c9586;
  --accent-soft: #09231d;
  --accent-border: #0f382e;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #082817;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2b1e0b;
  --warning-strong: #c57a40;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #2b1410;
  --danger-strong: #c9645e;
  --chart-1: #317d69;
  --chart-2: #2393c4;
  --chart-3: #846fc6;
  --chart-4: #bc5e89;
  --chart-5: #bb672a;
  --chart-6: #868d18;
}

@keyframes lia-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(0.8); }
}
.rec-dot { background: var(--danger); animation: lia-pulse 1.2s ease-in-out infinite; }
.is-paused .rec-dot { animation: none; opacity: 0.5; }
html.reduced-motion .rec-dot { animation: none; }
.meter-fill { width: 0; transition: width 0.08s linear; }
.tab-btn { border-bottom: 2px solid transparent; }
.tab-btn[aria-selected="true"] { border-bottom-color: var(--accent); color: var(--accent-text); }
.tabular { font-variant-numeric: tabular-nums; }
html, body { max-width: 100%; overflow-x: clip; }
main, main > *, section, header { min-width: 0; }
h1, h2, h3, p, a, dd, li { overflow-wrap: anywhere; }