:root {
  --cp-ink-990: #050816;
  --cp-ink-950: #091127;
  --cp-ink-900: #0d1733;
  --cp-ink-800: #182847;
  --cp-ink-700: #314568;
  --cp-ink-600: #5a6d92;
  --cp-ink-500: #8d9aba;

  --cp-paper: #f5f8fc;
  --cp-paper-strong: #fbfdff;
  --cp-surface: rgba(255, 255, 255, 0.74);
  --cp-surface-strong: rgba(255, 255, 255, 0.92);
  --cp-surface-dark: rgba(10, 18, 39, 0.92);
  --cp-border: rgba(33, 57, 108, 0.12);
  --cp-border-strong: rgba(33, 57, 108, 0.22);

  --cp-cyan: #00b8ff;
  --cp-blue: #2477ff;
  --cp-violet: #6d35ff;
  --cp-indigo: #4837d6;
  --cp-midnight: #0a1230;
  --cp-white: #ffffff;

  --cp-shadow-soft: 0 18px 50px rgba(7, 12, 26, 0.08);
  --cp-shadow-strong: 0 34px 90px rgba(7, 12, 26, 0.16);
  --cp-radius-sm: 8px;
  --cp-radius-md: 18px;
  --cp-radius-lg: 30px;

  --cp-font-sans: "Avenir Next", "Segoe UI Variable Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", sans-serif;
  --cp-font-wide: "Avenir Next Condensed", "Arial Narrow", "Segoe UI", sans-serif;
  --cp-font-mono: "SFMono-Regular", Menlo, Consolas, monospace;

  --cp-content-width: 1220px;
}