:root {
  /* Colors */
  --color-bg: #000000;
  --color-text: #ffffff;
  --color-accent: #E82B00;
  --color-dark-gray: #272d2a;
  --color-muted: #888888;
  --color-subtle: #939393;

  /* Semi-transparent */
  --color-border-light: rgba(255, 255, 255, 0.12);
  --color-border-medium: rgba(255, 255, 255, 0.18);
  --color-overlay-dark: rgba(0, 0, 0, 0.66);
  --color-glass-bg: rgba(255, 255, 255, 0.05);
  --color-glass-bg-hover: rgba(255, 255, 255, 0.08);

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  /* Easing */
  --ease-text-reveal: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-fade-mask: cubic-bezier(0.4, 0, 0.3, 1);
  --ease-hover: cubic-bezier(0.1, 0.75, 0.5, 1);
  --ease-general: cubic-bezier(0.12, 0.75, 0.4, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.25, 1);

  /* Spacing */
  --header-height: 80px;

  /* Border Radius */
  --radius-default: 20px;
  --radius-sm: 10px;
  --radius-full: 100px;
}