/* tokens.css — file-based default design tokens, single source of truth for defaults.
   Only :root and [data-theme="dark"] custom-property declarations live here (02 §5.1).
   Admin overrides layer on top via /theme.css, linked AFTER this file (02 §5.7) — never edit
   values here to achieve a temporary recolor, use the admin Theme & CSS Variables panel instead. */

:root {
  --mt-color-bg: #fafaf8;
  --mt-color-surface: #f1f0ec;
  --mt-color-border: #e1dfd9;
  --mt-color-text: #1b1d1f;
  --mt-color-text-muted: #63666b;
  --mt-color-primary: #0f7a6c;
  --mt-color-primary-contrast: #ffffff;
  --mt-color-accent: #c6742a;
  --mt-color-success: #1f9d55;
  --mt-color-warning: #b98900;
  --mt-color-danger: #c94343;

  --mt-font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  --mt-font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --mt-font-size-sm: 0.875rem;
  --mt-font-size-base: 1rem;
  --mt-font-size-lg: 1.125rem;
  --mt-font-size-xl: 1.5rem;
  --mt-font-weight-normal: 400;
  --mt-font-weight-semibold: 600;

  --mt-space-1: 4px;
  --mt-space-2: 8px;
  --mt-space-3: 12px;
  --mt-space-4: 16px;
  --mt-space-6: 24px;
  --mt-space-8: 32px;

  --mt-radius-sm: 6px;
  --mt-radius-md: 10px;
  --mt-radius-lg: 16px;

  --mt-shadow-sm: 0 1px 2px rgba(20,20,18,.08);
  --mt-shadow-md: 0 4px 14px rgba(20,20,18,.12);

  --mt-icon-sm: 16px;
  --mt-icon-md: 20px;
  --mt-icon-lg: 24px;
}

[data-theme="dark"] {
  --mt-color-bg: #14171a;
  --mt-color-surface: #1c2023;
  --mt-color-border: #2b3033;
  --mt-color-text: #ecedec;
  --mt-color-text-muted: #9aa0a3;
  --mt-color-primary: #35c2ac;
  --mt-color-primary-contrast: #06201c;
  --mt-color-accent: #e0a15c;
  --mt-color-success: #3fbf74;
  --mt-color-warning: #d1a536;
  --mt-color-danger: #e5726f;
  --mt-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --mt-shadow-md: 0 4px 14px rgba(0,0,0,.5);
}