:root {
  --color-primary: oklch(0.39 0.14 279);
  --color-primary-dark: oklch(0.28 0.105 279);
  --color-primary-deep: oklch(0.205 0.075 279);
  --color-primary-soft: oklch(0.952 0.025 276);
  --color-cyan: oklch(0.79 0.145 222);
  --color-cyan-dark: oklch(0.54 0.14 226);
  --color-accent: var(--color-cyan);
  --color-accent-ink: var(--color-primary-deep);
  --color-paper: oklch(0.992 0.004 245);
  --color-paper-2: oklch(0.968 0.009 245);
  --color-paper-3: oklch(0.925 0.014 245);
  --color-ink: oklch(0.245 0.055 278);
  --color-ink-2: oklch(0.36 0.048 278);
  --color-muted: oklch(0.51 0.035 270);
  --color-rule: oklch(0.875 0.018 250);
  --color-white-soft: oklch(0.99 0.004 245 / 0.84);
  --color-white-muted: oklch(0.99 0.004 245 / 0.66);
  --color-white-rule: oklch(0.99 0.004 245 / 0.2);
  --color-overlay: oklch(0.13 0.055 279 / 0.82);
  --color-overlay-soft: oklch(0.18 0.075 279 / 0.56);
  --color-overlay-clear: oklch(0.18 0.075 279 / 0.05);
  --color-dialog-backdrop: oklch(0.12 0.045 279 / 0.9);
  --color-focus: oklch(0.205 0.075 279);
  --color-focus-halo: oklch(0.992 0.004 245);
  --color-success: oklch(0.56 0.145 158);
  --color-error: oklch(0.54 0.18 22);
  --color-whatsapp: oklch(0.72 0.19 147);
  --color-whatsapp-dark: oklch(0.58 0.16 147);
  --color-transparent: transparent;

  --font-display: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", Arial, sans-serif;

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;
  --space-5xl: 9rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.75rem;
  --text-xl: clamp(2.25rem, 4.5vw, 4.25rem);
  --text-display: clamp(2.75rem, 6.1vw, 5rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 480ms;

  --rule-hair: 1px;
  --rule-focus: 3px;
  --rule-focus-halo: 5px;
  --radius-control: 0.3rem;
  --radius-frame: 0.55rem;
  --control-height: 3.25rem;
  --page-gutter: clamp(1.125rem, 4.6vw, 4.5rem);
  --page-max: 82rem;
  --copy-max: 65ch;

  --shadow-soft: 0 1.5rem 4.5rem oklch(0.17 0.06 279 / 0.13);
  --shadow-control: 0 0.65rem 1.75rem oklch(0.17 0.06 279 / 0.18);
  --shadow-float: 0 0.8rem 2rem oklch(0.1 0.03 279 / 0.24);
  --gradient-hero: linear-gradient(90deg, var(--color-overlay) 0%, var(--color-overlay-clear) 82%);
  --gradient-proof: linear-gradient(0deg, var(--color-overlay) 0%, var(--color-overlay-clear) 68%);
  --gradient-contact: linear-gradient(110deg, var(--color-primary-deep) 0%, var(--color-overlay-soft) 100%);

  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-dialog: 500;
  --z-tooltip: 600;
}