:root {
  --color-bg: #000000;
  --color-surface: #090909;
  --color-text: #ffffff;
  --color-text-muted: #c5c5c5;
  --color-ink: #0a0a0a;
  --color-ink-muted: #383838;
  --color-border: #494949;
  --color-border-light: #d3d3d3;
  --color-primary: #008cff;
  --color-primary-deep: #0057ed;
  --color-section-light: #f7f7f7;

  --font-sans: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  --font-body: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --container-max: 1240px;
  --container-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --header-height: 6.3rem;

  --radius-sm: 0.45rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.1rem;

  --transition-fast: 180ms ease;
  --shadow-soft: 0 1rem 3rem rgba(0, 0, 0, 0.08);
}