:root {
  color-scheme: dark;
  --color-canvas: #090a0f;
  --color-canvas-deep: #06070a;
  --color-surface: #11131a;
  --color-surface-raised: #1a1521;
  --color-surface-soft: #151721;
  --color-ember: #e45f3a;
  --color-ember-light: #f17a52;
  --color-violet: #8e63d8;
  --color-rose: #d75379;
  --color-amber: #e7a943;
  --color-text: #f0e7dc;
  --color-text-soft: #c9beb2;
  --color-muted: #a49a91;
  --color-line: rgba(240, 231, 220, 0.1);
  --color-line-strong: rgba(228, 95, 58, 0.42);
  --gradient-ember: linear-gradient(112deg, #e45f3a 0%, #d75379 52%, #8e63d8 112%);
  --gradient-ember-soft: linear-gradient(112deg, rgba(228, 95, 58, 0.14), rgba(215, 83, 121, 0.11) 52%, rgba(142, 99, 216, 0.09));
  --gradient-panel: linear-gradient(145deg, rgba(26, 21, 33, 0.96), rgba(15, 17, 24, 0.98));
  --gradient-atmosphere: radial-gradient(circle at 12% -4%, rgba(142, 99, 216, 0.12), transparent 34%), radial-gradient(circle at 88% 2%, rgba(228, 95, 58, 0.11), transparent 31%), linear-gradient(180deg, #0d0d13 0%, #090a0f 52%, #06070a 100%);
  --font-display: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --font-body: Inter, "Segoe UI Variable Text", "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --shadow-panel: 0 1px 0 rgba(255, 255, 255, 0.035) inset, 0 22px 60px rgba(0, 0, 0, 0.28);
  --shadow-focus: 0 0 0 3px rgba(228, 95, 58, 0.17);
  --content-width: 1480px;
}