:root {
  --bg: oklch(0.978 0.008 95);
  --bg-strong: oklch(0.952 0.014 95);
  --surface: oklch(0.995 0.003 95);
  --surface-muted: oklch(0.975 0.009 95);
  --surface-strong: oklch(0.942 0.012 95);
  --border: oklch(0.886 0.014 88);
  --border-strong: oklch(0.79 0.02 88);
  --ink-950: oklch(0.23 0.018 235);
  --ink-800: oklch(0.34 0.018 230);
  --ink-700: oklch(0.43 0.016 228);
  --ink-600: oklch(0.52 0.014 228);
  --ink-500: oklch(0.62 0.013 225);
  --ink-400: oklch(0.72 0.011 220);
  --primary-700: oklch(0.5 0.11 178);
  --primary-600: oklch(0.58 0.11 178);
  --primary-500: oklch(0.66 0.095 178);
  --primary-100: oklch(0.94 0.036 178);
  --accent-amber: oklch(0.82 0.11 82);
  --accent-sand: oklch(0.94 0.03 80);
  --success-700: oklch(0.58 0.14 147);
  --success-100: oklch(0.95 0.04 150);
  --warning-700: oklch(0.64 0.13 73);
  --warning-100: oklch(0.96 0.04 80);
  --danger-700: oklch(0.56 0.16 26);
  --danger-100: oklch(0.95 0.04 28);
  --info-700: oklch(0.55 0.12 240);
  --info-100: oklch(0.95 0.03 235);

  --shadow-xs: 0 1px 2px color-mix(in oklab, var(--ink-950) 8%, transparent);
  --shadow-sm: 0 10px 24px color-mix(in oklab, var(--ink-950) 6%, transparent);
  --shadow-md: 0 18px 50px color-mix(in oklab, var(--ink-950) 9%, transparent);
  --shadow-lg: 0 28px 72px color-mix(in oklab, var(--ink-950) 12%, transparent);
  --ring: 0 0 0 3px color-mix(in oklab, var(--primary-500) 24%, white);

  --gradient-hero:
    radial-gradient(circle at top left, color-mix(in oklab, var(--primary-100) 88%, white) 0%, transparent 44%),
    radial-gradient(circle at 90% 15%, color-mix(in oklab, var(--accent-sand) 85%, white) 0%, transparent 35%),
    linear-gradient(180deg, color-mix(in oklab, var(--bg) 72%, white), var(--bg));
  --gradient-panel:
    linear-gradient(160deg, color-mix(in oklab, var(--primary-700) 16%, white), color-mix(in oklab, var(--accent-sand) 78%, white));
  --gradient-primary:
    linear-gradient(135deg, var(--primary-700), color-mix(in oklab, var(--primary-500) 82%, white));

  --sidebar-w: 18.5rem;

  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-7: 2rem;
  --s-8: 2.75rem;
  --s-9: 4rem;

  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.375rem;
  --t-2xl: 1.75rem;
  --t-3xl: 2.5rem;

  --r-sm: 0.625rem;
  --r-md: 0.875rem;
  --r-lg: 1.125rem;
  --r-xl: 1.5rem;
  --r-2xl: 2rem;
  --r-pill: 999px;

  --font-sans: "Manrope", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --bounce: cubic-bezier(.18, .89, .32, 1.28);
}