:root {

  --brand: #3FA7FF;
  --brand-strong: #1E7FD9;
  --brand-soft: #7CC4FF;
  --brand-tint: rgba(63, 167, 255, 0.12);
  --brand-rgb: 63, 167, 255;

  --accent: #34D399;
  --accent-soft: #6EE7B7;
  --accent-tint: rgba(52, 211, 153, 0.12);
  --accent-rgb: 52, 211, 153;
  --accent-ink: #0F6B4C;

  --ink: #E7EAF0;
  --ink-soft: #A7AEBB;
  --muted: #6B7280;
  --line: rgba(255, 255, 255, 0.1);
  --line-soft: rgba(255, 255, 255, 0.06);
  --surface: #12161D;
  --surface-2: #171C24;
  --surface-3: #1D232D;

  --bg: #0B0E13;
  --bg-rgb: 11, 14, 19;

  --night: #05070A;
  --night-2: #080B0F;
  --night-rgb: 5, 7, 10;

  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;

  --ok: #34D399;
  --warn: #F5B430;

  --font-head: "JetBrains Mono Sub", ui-monospace, "Cascadia Code", monospace;
  --font-head-display: "JetBrains Mono Sub", ui-monospace, "Cascadia Code", monospace;
  --font-body: "Inter Sub", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono Sub", ui-monospace, "Cascadia Code", monospace;

  --radius-sm: 0.25rem;
  --radius: 0.4rem;
  --radius-lg: 0.6rem;
  --radius-xl: 0.9rem;
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.3);
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 30px 70px rgba(0, 0, 0, 0.45);

  --container: 1120px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --topbar-h: calc(4.6rem + var(--safe-top));

  --space-3xs: 0.25rem;
  --space-2xs: 0.375rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 2.5rem;
  --space-3xl: 3.5rem;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}