/* Shared UI tokens. Published profile colors are managed separately. */
:root,
html[data-theme="meadow"] {
  color-scheme: light;
  --cream: #faf7f0;
  --surface: #fffdf9;
  --sidebar: #f4f3e9;
  --hover: #f7f5eb;
  --ink: #29372b;
  --muted: #53634c;
  --line: #dedfd3;
  --accent: #426136;
  --tint: #e9efdf;
  --action: #293e2b;
  --on-action: #fffdf9;
  --action-hover: #3d5139;
  --danger: #a43b3b;
  --danger-bg: #fff0ed;
  --success: #476535;
  --success-bg: #eef4e7;
  --warning: #795831;
  --warning-bg: #f7ecd9;
}
html[data-theme="midnight"] {
  color-scheme: dark;
  --cream: #171d19;
  --surface: #222b24;
  --sidebar: #1b241e;
  --hover: #2b352d;
  --ink: #eff2e9;
  --muted: #b5c1af;
  --line: #465345;
  --accent: #b4cf9f;
  --tint: #303e2b;
  --action: #b4cf9f;
  --on-action: #1b2918;
  --action-hover: #c7ddb7;
  --danger: #ffb4a8;
  --danger-bg: #422b28;
  --success: #b4cf9f;
  --success-bg: #2b3b29;
  --warning: #efd0a0;
  --warning-bg: #3b3225;
}
html[data-theme="sand"] {
  color-scheme: light;
  --cream: #f7f0e5;
  --surface: #fffbf5;
  --sidebar: #eee5d6;
  --hover: #f3e9dc;
  --ink: #3a2d25;
  --muted: #72604e;
  --line: #e0d2bf;
  --accent: #795335;
  --tint: #f0e0c9;
  --action: #67482f;
  --on-action: #fffaf3;
  --action-hover: #7a583b;
  --danger: #a43b3b;
  --danger-bg: #fff0ed;
  --success: #4a633c;
  --success-bg: #edf2e4;
  --warning: #795831;
  --warning-bg: #f7ecd9;
}
html[data-theme="ocean"] {
  color-scheme: light;
  --cream: #eff6f7;
  --surface: #fcfefe;
  --sidebar: #e3eff0;
  --hover: #e8f1f3;
  --ink: #213a42;
  --muted: #4d6770;
  --line: #cbdde0;
  --accent: #236675;
  --tint: #dceef0;
  --action: #235b68;
  --on-action: #fcfefe;
  --action-hover: #327485;
  --danger: #a43b3b;
  --danger-bg: #fff0ed;
  --success: #41603a;
  --success-bg: #ecf4e6;
  --warning: #795831;
  --warning-bg: #f7ecd9;
}
html[data-theme="plum"] {
  color-scheme: light;
  --cream: #f6f1f7;
  --surface: #fffcff;
  --sidebar: #efe5ef;
  --hover: #f2eaf3;
  --ink: #3d2d3c;
  --muted: #725a70;
  --line: #decedf;
  --accent: #75416d;
  --tint: #eedfec;
  --action: #66375f;
  --on-action: #fffcff;
  --action-hover: #815276;
  --danger: #a43b3b;
  --danger-bg: #fff0ed;
  --success: #49623c;
  --success-bg: #eef3e8;
  --warning: #795831;
  --warning-bg: #f7ecd9;
}

:root {
  --sage: var(--accent);
  --tan: var(--warning-bg);
  --paper: var(--cream);
  --font-ui:
    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --radius-control: 12px;
  --radius-card: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
}
html {
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-ui);
  accent-color: var(--accent);
}
body {
  color: var(--ink);
  background: var(--cream);
}
::selection {
  background: var(--tint);
  color: var(--ink);
}
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}