/* LegalEase preserved brand palette · semantic landing tokens */
:root {
  --color-paper: oklch(98.2049% 0.00411 91.446);
  --color-surface: oklch(100.0000% 0.00000 89.876);
  --color-paper-alt: oklch(95.6545% 0.00411 121.562);
  --color-ink: oklch(34.8304% 0.04618 256.149);
  --color-ink-soft: oklch(45.8749% 0.03633 254.504);
  --color-deep: oklch(25.3949% 0.03797 266.275);
  --color-workspace: oklch(29.6082% 0.03802 261.081);
  --color-workspace-hover: oklch(33.9439% 0.04054 261.375);
  --color-accent: oklch(72.6152% 0.08286 76.998);
  --color-accent-hover: oklch(69.5337% 0.08214 78.350);
  --color-accent-ink: oklch(25.3949% 0.03797 266.275);
  --color-accent-text: oklch(51.9051% 0.07040 76.006);
  --color-accent-pale: oklch(93.4030% 0.02223 80.686);
  --color-muted: oklch(51.5892% 0.02229 262.922);
  --color-on-dark: oklch(96.9807% 0.00541 95.100);
  --color-dark-muted: oklch(79.9269% 0.02039 260.167);
  --color-rule: oklch(90.7635% 0.00344 145.547);
  --color-rule-strong: oklch(79.8858% 0.00789 186.840);
  --color-dark-rule: oklch(42.8458% 0.03519 259.513);
  --color-focus: var(--color-ink);
  --color-error: oklch(47.8841% 0.14795 24.669);
  --color-error-pale: oklch(97.4897% 0.01254 35.732);
  --color-shadow: oklch(25% .04 260 / .045);
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-section: clamp(4rem, 7.5vw, 7.5rem);
  --text-xs: .75rem;
  --brand-navy: var(--color-deep);
  --text-sm: .875rem;
  --text-lead: clamp(1rem, 1.45vw, 1.17rem);
  --text-display: clamp(2.5rem, 8.5vw, 3.5rem);
  --text-heading: clamp(2.4rem, 4.3vw, 3.8rem);
  --text-title: clamp(1.6rem, 2.8vw, 2.6rem);
  /* Public hero H1: the scale the /termek/ product heroes render at
     (case-workspace.css `.hero h1`), shared by the /informaciok/ pages (CLNT-4653). */
  --text-hero: clamp(2.7rem, 4.6vw, 4.4rem);
  --tracking-hero: -.048em;
  --leading-hero: 1.025;
  --radius-button: 3px;
  --radius-panel: 5px;
  --dur-short: 160ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}
@media (max-width: 760px) { :root { --text-hero: clamp(2.4rem, 9vw, 3.5rem); } }