/*
 * Site theme tokens. Loaded after assets/css/app.css and served as-is:
 * edit and reload, no npm or docker rebuild needed.
 */
:root,
[data-theme="dark"] {
  --bg: #09090b;
  --card: #0b0b0e;
  --field: #101014;
  --border: #27272a;
  --border-soft: #1f1f23;
  --fg: #fafafa;
  --muted: #a1a1aa;
  --faint: #71717a;
  --placeholder: #52525b;
  --mark-from: #1c1c21;
  --mark-to: #131316;
  --card-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 24px 60px -30px rgba(0, 0, 0, .9);
}

[data-theme="light"] {
  --bg: #fafafa;
  --card: #ffffff;
  --field: #f4f4f5;
  --border: #e4e4e7;
  --border-soft: #f1f1f3;
  --fg: #09090b;
  --muted: #52525b;
  --faint: #71717a;
  --placeholder: #a1a1aa;
  --mark-from: #f4f4f5;
  --mark-to: #e4e4e7;
  --card-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 24px 60px -30px rgba(0, 0, 0, .18);
}

:root {
  --accent: #dc2626;
  --accent-hover: color-mix(in oklab, var(--accent) 85%, #000);
  --ring: color-mix(in oklab, var(--accent) 28%, transparent);
}

[data-accent="dc2626"] { --accent: #dc2626; }
[data-accent="f59e0b"] { --accent: #f59e0b; }
[data-accent="10b981"] { --accent: #10b981; }
[data-accent="0ea5e9"] { --accent: #0ea5e9; }
[data-accent="8b5cf6"] { --accent: #8b5cf6; }