/* Phase 2A-1: current implementation values, not a palette redesign.
   Load after style.css (and admin.css) so this is the final root token source.
   Provenance and unapplied future scales: ../docs/design-system.md. */
:root {
  --color-brand: #124a54;
  --color-accent: #f3c95b;
  --color-text: #263238;
  --color-text-strong: var(--color-text);
  --color-text-muted: #59666b;
  --color-canvas: #faf7f0;
  --color-surface: #fff;
  --color-surface-subtle: #fff3df;
  --color-border: #e9e1d6;
  --color-control-border: #ccbfb0;
  --color-control-border-admin: #91aaa5;
  --color-focus: #b37809;

  --color-notice-surface: #fff8e9;
  --color-notice-text: var(--color-text);
  --color-notice-border: #eac98b;
  --color-notice-accent: #dbab53;
  --color-notice-surface-storage: #fff0c7;
  --color-notice-surface-admin-preview: #fff0c7;

  /* Errors currently have text colors, not a unified danger panel.
     Surface/border retain ordinary surface/border values; unused by components. */
  --color-danger-surface: var(--color-surface);
  --color-danger-text: #9b331f;
  --color-danger-border: var(--color-border);
  --color-danger-text-admin: #9b2c23;
  --color-danger-text-account-delete: #9b4534;

  --shadow-raised: 0 12px 34px #3b383013;
  --shadow-card: 0 5px 19px #3b383009;
  --shadow-panel: 0 4px 20px #3b383009;
  --shadow-tools: 0 3px 14px #3b38300b;

  /* Phase 2B-1 approved targets: typography is applied; spacing/radius await mapping. */
  --type-caption: 12px;
  --type-support: 14px;
  --type-body: 16px;
  --type-reading: 18px;
  --type-heading: 24px;
  --type-display: 36px;

  --leading-caption: 1.6;
  --leading-support: 1.7;
  --leading-body: 1.8;
  --leading-reading: 1.9;
  --leading-heading: 1.3;

  --weight-regular: 400;
  --weight-bold: 700;
  --weight-black: 900;

  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-compact: 8px;
  --radius-control: 12px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Compatibility: preserve every existing effective root value exactly. */
  --ink: var(--color-brand);
  --ink-dark: var(--color-text-strong);
  --muted: var(--color-text-muted);
  --paper: var(--color-canvas);
  --surface: var(--color-surface);
  --white: var(--color-surface);
  --yellow: var(--color-accent);
  --line: var(--color-border);
  --wash: var(--color-surface-subtle);
  --radius: 22px;
  --peach: #f4d7c6;
  --shadow: var(--shadow-raised);
  --coral: #c96d57;
}