/*
  Ordiminuten design tokens — single source of truth for colour, spacing, radius.
  See docs/COLOR_MAP.md for the full rationale and usage rules for each token.
  Kept identical to design-preview/css/tokens.css — do not fork the values, only this file's comments may differ.
*/

:root {
  /* Brand */
  --color-primary: #176B70;
  --color-primary-dark: #0F5559;
  --color-primary-light: #C7E6E3;

  /* Backgrounds and surfaces */
  --color-background: #F2EFE2;
  --color-surface: #FFFFFF;
  --color-surface-subtle: #E8EEE8;

  /* Text */
  --color-text: #24363C;
  --color-text-secondary: #53666C;
  --color-text-muted: #718086;

  /* Borders */
  --color-border: #CBD8D2;
  --color-border-strong: #AEC2BA;

  /* Semantic typing feedback — meaning must stay consistent everywhere */
  --color-success: #1E9E62;
  --color-success-bg: #BFEAD6;
  --color-success-bg-strong: #9FE0C0;
  --color-success-glow: rgba(30, 158, 98, 0.30);
  --color-warning: #C8921A;
  --color-warning-bg: #F6DFA0;
  --color-error: #D1382E;
  --color-error-bg: #F6C6C0;
  --color-error-bg-strong: #EDA299;
  --color-error-glow: rgba(209, 56, 46, 0.28);

  /* Spacing — 8px base rhythm (docs/DESIGN_EXAMPLES.md Example 11) */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;

  /* Radius — modest rounding only; never applied to the full-width header */
  --radius-sm: 6px;
  --radius-md: 10px;

  /* Elevation — subtle and rare, borders do most of the structural work */
  --shadow-sm: 0 1px 2px rgba(15, 85, 89, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 85, 89, 0.14);

  /* Typography */
  --font-family-base: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-family-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}