:root {
  --ink:        #0b1f3a;
  --ink-deep:   #050e1c;
  --ink-70:     rgba(11, 31, 58, 0.7);
  --ink-60:     rgba(11, 31, 58, 0.6);
  --ink-55:     rgba(11, 31, 58, 0.55);
  --ink-50:     rgba(11, 31, 58, 0.5);
  --ink-20:     rgba(11, 31, 58, 0.2);
  --ink-15:     rgba(11, 31, 58, 0.15);
  --ink-10:     rgba(11, 31, 58, 0.1);
  --ink-08:     rgba(11, 31, 58, 0.08);
  --ink-06:     rgba(11, 31, 58, 0.06);
  --ink-05:     rgba(11, 31, 58, 0.05);

  --paper:      #ffffff;
  --paper-soft: #F7F7F4;
  --paper-mist: #fafaf8;

  --on-dark:    #ffffff;
  --on-dark-72: rgba(255, 255, 255, 0.72);
  --on-dark-70: rgba(255, 255, 255, 0.7);
  --on-dark-60: rgba(255, 255, 255, 0.6);
  --on-dark-55: rgba(255, 255, 255, 0.55);
  --on-dark-50: rgba(255, 255, 255, 0.5);
  --on-dark-12: rgba(255, 255, 255, 0.12);
  --on-dark-08: rgba(255, 255, 255, 0.08);
  --on-dark-04: rgba(255, 255, 255, 0.04);
  --on-dark-03: rgba(255, 255, 255, 0.03);

  --accent-teal: #1ec8b4;
  --accent-cyan: #00a0f0;
  --accent-blue: #006ee6;
  --accent-lime: #d0d700;
  --accent:      var(--accent-teal);

  --grad-spectrum: linear-gradient(
    to right,
    var(--accent-lime) 0%,
    var(--accent-teal) 34.98%,
    var(--accent-cyan) 68.97%,
    var(--accent-blue) 100%
  );

  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter Tight', 'Inter', -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --font-features: 'ss01', 'cv11';

  --shell-max:   1280px;
  --shell-pad-x: 48px;
  --shell-pad-x-md: 32px;
  --shell-pad-x-sm: 20px;

  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;

  --ease-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 120ms;
  --dur-base: 160ms;
  --dur-slow: 320ms;

  --nav-height: 64px;
}