: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-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-title:    1.3;
  --line-height-body:     1.5;
  --line-height-label:    1.2;
  --line-height-mono:     1.4;

  --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);

  /* Highlight Ramps */
  --highlight-copy-blue-0: #F5F8FF;
  --highlight-copy-blue-100: #DDE8FD;
  --highlight-copy-blue-200: #B1CAFC;
  --highlight-copy-blue-300: #76A3F9;
  --highlight-copy-blue-400: #3C7CF6;
  --highlight-copy-blue-500: #0B5BF4;
  --highlight-copy-blue-600: #094CCD;
  --highlight-copy-blue-700: #073CA1;
  --highlight-copy-blue-800: #052C75;
  --highlight-copy-blue-900: #031D4E;
  --highlight-copy-blue-1000: #020F27;
  --highlight-copy-blue-source: #3577F6;

  --highlight-l0a-violet-0: #FAF5FF;
  --highlight-l0a-violet-100: #EEDDFD;
  --highlight-l0a-violet-200: #D7B1FB;
  --highlight-l0a-violet-300: #B977F9;
  --highlight-l0a-violet-400: #9B3CF6;
  --highlight-l0a-violet-500: #820BF4;
  --highlight-l0a-violet-600: #6E0ACD;
  --highlight-l0a-violet-700: #5608A1;
  --highlight-l0a-violet-800: #3F0675;
  --highlight-l0a-violet-900: #2A044E;
  --highlight-l0a-violet-1000: #150227;
  --highlight-l0a-violet-source: #A855F7;

  --highlight-l0b-deep-violet-0: #F6F7FF;
  --highlight-l0b-deep-violet-100: #E0E2FF;
  --highlight-l0b-deep-violet-200: #BFC3FF;
  --highlight-l0b-deep-violet-300: #959BFF;
  --highlight-l0b-deep-violet-400: #6A71FF;
  --highlight-l0b-deep-violet-500: #4F46E5;
  --highlight-l0b-deep-violet-600: #4338CA;
  --highlight-l0b-deep-violet-700: #3730A3;
  --highlight-l0b-deep-violet-800: #2A257A;
  --highlight-l0b-deep-violet-900: #1C1953;
  --highlight-l0b-deep-violet-1000: #0E0C2C;
  --highlight-l0b-deep-violet-source: #4F46E5;

  --highlight-accum-orange-0: #FFF9F5;
  --highlight-accum-orange-100: #FEEADC;
  --highlight-accum-orange-200: #FDCFAF;
  --highlight-accum-orange-300: #FBAB74;
  --highlight-accum-orange-400: #FA8838;
  --highlight-accum-orange-500: #F96A06;
  --highlight-accum-orange-600: #D15905;
  --highlight-accum-orange-700: #A44604;
  --highlight-accum-orange-800: #773303;
  --highlight-accum-orange-900: #502202;
  --highlight-accum-orange-1000: #281101;
  --highlight-accum-orange-source: #F97316;

  --highlight-ub-green-0: #FBFEF6;
  --highlight-ub-green-100: #F2FDDE;
  --highlight-ub-green-200: #E1F9B3;
  --highlight-ub-green-300: #CAF57A;
  --highlight-ub-green-400: #B3F141;
  --highlight-ub-green-500: #A0ED12;
  --highlight-ub-green-600: #86C70F;
  --highlight-ub-green-700: #6A9D0C;
  --highlight-ub-green-800: #4D7209;
  --highlight-ub-green-900: #334C06;
  --highlight-ub-green-1000: #1A2603;
  --highlight-ub-green-source: #87C80F;

  --highlight-mte-amber-0: #FFFDF3;
  --highlight-mte-amber-100: #FEF6D8;
  --highlight-mte-amber-200: #FDEB9D;
  --highlight-mte-amber-300: #FBDC59;
  --highlight-mte-amber-400: #F4CB22;
  --highlight-mte-amber-500: #EAB308;
  --highlight-mte-amber-600: #CA8A04;
  --highlight-mte-amber-700: #A16207;
  --highlight-mte-amber-800: #854D0E;
  --highlight-mte-amber-900: #713F12;
  --highlight-mte-amber-1000: #422006;
  --highlight-mte-amber-source: #EAB308;
}

:root[data-theme='light'] {
  --ark-neutral-0: #FFFFFF;
  --ark-neutral-1: #F5F5F5;
  --ark-neutral-2: #FFFFFF;
  --ark-neutral-3: #F2F2F2;
  --ark-neutral-4: #E6E6E6;
}