:root, [data-theme="dark"] {
  color-scheme: dark;
  --ink: oklch(0.16 0.025 180);
  --paper: oklch(0.985 0.006 95);
  --signal: oklch(0.82 0.19 120);
  --signal-soft: oklch(0.32 0.07 120);
  --blue: oklch(0.74 0.13 265);
  --blue-soft: oklch(0.3 0.07 265);
  --success: oklch(0.74 0.14 150);
  --warning: oklch(0.8 0.13 75);
  --destructive: oklch(0.68 0.19 25);
  --background: var(--ink);
  --foreground: var(--paper);
  --card: oklch(0.2 0.025 180);
  --secondary: oklch(0.25 0.025 180);
  --muted: oklch(0.23 0.025 180);
  --muted-foreground: oklch(0.74 0.02 180);
  --border: oklch(0.31 0.02 180);
  --input: oklch(0.52 0.02 180);
  --ring: var(--signal);
  --primary: var(--signal);
  --primary-foreground: var(--ink);
}
[data-theme="light"] {
  color-scheme: light;
  --blue: oklch(0.45 0.2 265);
  --blue-soft: oklch(0.93 0.035 265);
  --signal-soft: oklch(0.93 0.05 120);
  --success: oklch(0.52 0.13 150);
  --warning: oklch(0.6 0.14 65);
  --destructive: oklch(0.55 0.21 27);
  --background: var(--paper);
  --foreground: oklch(0.19 0.025 180);
  --card: oklch(1 0 0);
  --secondary: oklch(0.94 0.01 100);
  --muted: oklch(0.95 0.008 100);
  --muted-foreground: oklch(0.46 0.025 180);
  --border: oklch(0.87 0.012 175);
  --input: oklch(0.62 0.012 175);
  --ring: var(--blue);
  --primary: var(--ink);
  --primary-foreground: var(--paper);
}
:root, [data-theme="dark"], [data-theme="light"] {
  --hz-ground: var(--background);
  --hz-surface: var(--card);
  --hz-surface-inset: var(--muted);
  --hz-surface-input: var(--card);
  --hz-raised: var(--secondary);
  --hz-arrow-fill: var(--secondary);
  --hz-rule: var(--border);
  --hz-ink: var(--foreground);
  --hz-ink-secondary: var(--muted-foreground);
  --hz-ink-muted: var(--muted-foreground);
  --hz-ink-faint: var(--muted-foreground);
  --hz-dash: var(--border);
  --hz-dash-soft: var(--border);
  --hz-dash-strong: var(--input);
  --hz-fill-ghost: transparent;
  --hz-fill-hover: var(--muted);
  --hz-fill-area: var(--muted);
  --hz-glass: var(--background);
  --hz-glass-strong: var(--background);
  --hz-button-bg: var(--primary);
  --hz-button-fg: var(--primary-foreground);
  --hz-button-hover: color-mix(in oklch, var(--primary) 85%, var(--background));
  --hz-success: var(--success);
  --hz-success-fill: color-mix(in oklch, var(--success) 18%, transparent);
  --hz-focus: var(--ring);
  --hz-field-edge: var(--input);
  --hz-danger: var(--destructive);
  --hz-danger-fill: color-mix(in oklch, var(--destructive) 14%, transparent);
  --hz-warning: var(--warning);
  --hz-warning-fill: color-mix(in oklch, var(--warning) 14%, transparent);
  --hz-info: var(--blue);
  --hz-info-fill: var(--blue-soft);
  --hz-signal: var(--signal);
  --hz-shadow-float: 0 20px 70px -25px var(--ink);
}
:root {
  --hz-space-1: 4px;
  --hz-space-2: 7px;
  --hz-space-3: 12px;
  --hz-space-4: 16px;
  --hz-space-5: 20px;
  --hz-space-gutter: 32px;
  --hz-space-section: 119px;
  --hz-radius-xs: 2px;
  --hz-radius-sm: 4px;
  --hz-radius-md: 6px;
  --hz-radius-lg: 8px;
  --hz-radius-full: 9999px;
  --hz-shadow-none: none;
  --hz-font-display: "Space Grotesk", "Amiri", ui-sans-serif, system-ui, sans-serif;
  --hz-font-sans: "Manrope", "Amiri", ui-sans-serif, system-ui, sans-serif;
  --hz-font-mono: "Fragment Mono", ui-monospace, monospace;
  --hz-logo-height: 32px;
}
.hz-t-hero { font-family: var(--hz-font-display); font-size: 76px; line-height: 1.05; font-weight: 500; letter-spacing: -0.02em; }
.hz-t-cta { font-family: var(--hz-font-display); font-size: 48px; line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; }
.hz-t-h2 { font-family: var(--hz-font-display); font-size: 48px; line-height: 1.1; font-weight: 500; letter-spacing: -0.02em; }
.hz-t-card-title { font-family: var(--hz-font-display); font-size: 28px; line-height: 1.2; font-weight: 500; letter-spacing: -0.01em; }
.hz-t-list-xl { font-family: var(--hz-font-display); font-size: 28px; line-height: 1.2; font-weight: 500; letter-spacing: -0.01em; }
.hz-t-quote { font-family: var(--hz-font-display); font-size: 20px; line-height: 1.3; font-weight: 500; }
.hz-t-step { font-family: var(--hz-font-sans); font-size: 16px; line-height: 1.5; font-weight: 600; }
.hz-t-body { font-family: var(--hz-font-sans); font-size: 16px; line-height: 1.6; font-weight: 400; }
.hz-t-button { font-family: var(--hz-font-sans); font-size: 14px; line-height: 1; font-weight: 600; }
.hz-t-mono-label { font-family: var(--hz-font-sans); font-size: 11px; line-height: 1.2; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
:lang(ar), :lang(ar) * { letter-spacing: 0 !important; }
:lang(ar) { line-height: 1.6; }
:is(.hz-t-hero, .hz-t-cta, .hz-t-h2, .hz-t-card-title, .hz-t-list-xl):lang(ar) { line-height: 1.35; }