:root {
  --color-primary: #b33629;
  --color-primary-dark: #84261e;
  --color-primary-soft: #f8e9e6;
  --color-secondary: #5d6670;
  --color-background: #ffffff;
  --color-surface: #f4f6f7;
  --color-surface-strong: #e8ecef;
  --color-text: #20262c;
  --color-text-muted: #66717c;
  --color-border: #d9dfe3;
  --color-success: #16835b;
  --color-warning: #a65e00;
  --color-danger: #b42318;
  --color-info: #1f6f8b;
  --color-graphite: #252b31;
  --color-white: #ffffff;
  --shadow-sm: 0 1px 3px rgba(23, 31, 38, 0.08);
  --shadow-md: 0 12px 34px rgba(23, 31, 38, 0.12);
  --shadow-lg: 0 24px 64px rgba(23, 31, 38, 0.16);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --container: 1240px;
  --header-height: 86px;
  --transition: 180ms ease;
  --font-sans: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, monospace;
}