:root {
  --color-black-deep: #05070a;
  --color-black-deep-rgb: 5 7 10;
  --color-pearl-white: #edf3f7;
  --color-pearl-white-rgb: 237 243 247;
  --color-titanium: #9aa5ad;
  --color-titanium-rgb: 154 165 173;
  --color-graphene: #14191d;
  --color-graphene-rgb: 20 25 29;
  --color-electric-blue: #4ab8ff;
  --color-electric-blue-rgb: 74 184 255;
  --color-tech-copper: #c8782a;
  --color-tech-copper-rgb: 200 120 42;
  --color-carbon-gray: #2a3136;
  --color-carbon-gray-rgb: 42 49 54;
  --color-ceramic: #d5d9da;
  --color-ceramic-rgb: 213 217 218;
  --color-transparent: transparent;

  --surface-page: var(--color-black-deep);
  --surface-panel: rgb(var(--color-graphene-rgb) / 0.82);
  --surface-panel-strong: rgb(var(--color-black-deep-rgb) / 0.92);
  --surface-glass: rgb(var(--color-pearl-white-rgb) / 0.055);
  --surface-glass-strong: rgb(var(--color-pearl-white-rgb) / 0.09);
  --line-soft: rgb(var(--color-pearl-white-rgb) / 0.14);
  --line-strong: rgb(var(--color-electric-blue-rgb) / 0.42);
  --line-copper: rgb(var(--color-tech-copper-rgb) / 0.44);
  --text-primary: var(--color-pearl-white);
  --text-secondary: rgb(var(--color-pearl-white-rgb) / 0.74);
  --text-muted: rgb(var(--color-pearl-white-rgb) / 0.52);
  --text-accent: var(--color-electric-blue);
  --text-copper: var(--color-tech-copper);
  --focus-ring: rgb(var(--color-electric-blue-rgb) / 0.86);
  --status-online: #6de36d;
  --status-online-rgb: 109 227 109;

  --material-carbon: linear-gradient(135deg, rgb(var(--color-black-deep-rgb) / 0.98), rgb(var(--color-carbon-gray-rgb) / 0.82));
  --material-graphene: linear-gradient(145deg, rgb(var(--color-graphene-rgb) / 0.96), rgb(var(--color-black-deep-rgb) / 0.9));
  --material-titanium: linear-gradient(135deg, rgb(var(--color-ceramic-rgb) / 0.86), rgb(var(--color-titanium-rgb) / 0.38), rgb(var(--color-pearl-white-rgb) / 0.7));
  --material-copper: linear-gradient(135deg, rgb(var(--color-tech-copper-rgb) / 0.98), rgb(var(--color-tech-copper-rgb) / 0.38));
  --material-blue-line: linear-gradient(90deg, rgb(var(--color-electric-blue-rgb) / 0), rgb(var(--color-electric-blue-rgb) / 0.82), rgb(var(--color-electric-blue-rgb) / 0));

  --shadow-soft: 0 18px 60px rgb(var(--color-black-deep-rgb) / 0.45);
  --shadow-panel: 0 22px 80px rgb(var(--color-black-deep-rgb) / 0.58);
  --shadow-blue: 0 0 34px rgb(var(--color-electric-blue-rgb) / 0.25);
  --shadow-copper: 0 0 28px rgb(var(--color-tech-copper-rgb) / 0.22);

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-round: 999px;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  --font-display: "Rajdhani", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;

  --duration-fast: 160ms;
  --duration-base: 240ms;
  --duration-slow: 620ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
}