:root {
  /* Neutral Gray Ramp — pure neutral, no blue tint */
  --ark-neutral-0: #0b0b0b;
  --ark-neutral-1: #101010;
  --ark-neutral-2: #141414;
  --ark-neutral-3: #1a1a1a;
  --ark-neutral-4: #343434;

  /* Accent Palette */
  --ark-blue-500: #4369efff;
  --ark-blue-600: #5a92e6;
  --ark-domain-aux: #7c8db8;
  --ark-green-500: #04d793ff;
  --ark-orange-500: #ffaa3bff;
  --ark-red-500: #ff4b7bff;

  /* Typography Scale */
  --font-size-display-lg: 28px;
  --font-size-title-md:   20px;
  --font-size-title-sm:   16px;
  --font-size-body-md:    14px;
  --font-size-body-sm:    12px;
  --font-size-label-xs:   11px;

  --font-weight-bold:     700;
  --font-weight-semibold: 600;
  --font-weight-medium:   500;

  --line-height-display:  1.25;
  --line-height-body:     1.5;
  --line-height-label:    1.2;

  --letter-spacing-body:  0;
  --letter-spacing-label: 0.5px;

  /* Font Family */
  --font-sans: 'Inter', 'Source Han Sans SC', 'PingFang SC', 'Noto Sans SC', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  /* Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  /* Radius Scale */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* Shadow Scale */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.34);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.42);

  /* Z-index Scale */
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;

  /* Motion */
  --duration-fast: 100ms;
  --duration-base: 200ms;
  --duration-slow: 350ms;
  --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-out: cubic-bezier(0, 0, 0.2, 1);
}