/* Design tokens. Loaded first: everything else reads these variables.
   Layer 1 of 5. */

:root, :root[data-theme="light"] {
  color-scheme: light;
  --primary: #b85b3b;
  --primary-dark: #99452d;
  --button-primary: #b85b3b;
  --button-primary-hover: #99452d;
  --button-success: #2f855a;
  --button-success-hover: #256b49;
  --button-danger: #b83b37;
  --button-danger-hover: #962e2b;
  --bg: #f3f5f7;
  --card-bg: #ffffff;
  --surface-subtle: #f8fafc;
  --surface-hover: #f1f4f7;
  --border: #dce2e8;
  --border-strong: #c9d1da;
  --text: #18212f;
  --muted: #687587;
  --danger: #c43e3b;
  --danger-soft: #fff0ef;
  --success: #17834b;
  --success-soft: #eaf7ee;
  --info: #2563eb;
  --info-soft: #edf3ff;
  --warning: #9a6700;
  --warning-soft: #fff7df;
  --accent-soft: #fff0e9;
  --focus-ring: rgba(184, 91, 59, .2);
  --shadow-sm: 0 1px 2px rgba(24, 33, 47, .05);
  --shadow-md: 0 10px 30px rgba(24, 33, 47, .09);
  --control-height: 36px;
  --radius: 8px;
  --rail-w: 260px;
  --flash-bg: #fff7df;
  --flash-border: #efd38a;
  --flash-text: #3d3420;
  font-size: 16px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --primary: #d47755;
  --primary-dark: #e08b6b;
  --button-primary: #a9573b;
  --button-primary-hover: #bd6b4b;
  --button-success: #3f9563;
  --button-success-hover: #4ca874;
  --button-danger: #b94b47;
  --button-danger-hover: #ca5c57;
  --bg: #0b1016;
  --card-bg: #121a23;
  --surface-subtle: #161f29;
  --surface-hover: #1b2632;
  --border: #273341;
  --border-strong: #354356;
  --text: #edf2f7;
  --muted: #98a5b5;
  --danger: #ff817a;
  --danger-soft: rgba(255, 129, 122, .11);
  --success: #5ed184;
  --success-soft: rgba(94, 209, 132, .11);
  --info: #76a2ff;
  --info-soft: rgba(118, 162, 255, .12);
  --warning: #f3c969;
  --warning-soft: rgba(243, 201, 105, .11);
  --accent-soft: rgba(213, 119, 85, .13);
  --focus-ring: rgba(169, 87, 59, .28);
  --shadow-sm: none;
  --shadow-md: 0 14px 38px rgba(0, 0, 0, .32);
  --flash-bg: #302919;
  --flash-border: #5a4a29;
  --flash-text: #f6e8bd;
  font-size: 16px;
}