/* Northfold tokens
   Load after preset.css. Colours and fonts come from the Lookbook luxury preset.
   This file adds type, layout and glass variables, and derives every extra
   shade from preset variables, so it sets no colour of its own. */

:root {
  /* Preset overrides */
  --radius: 20px;
  --section-space: clamp(88px, 12vw, 168px);

  /* Shades derived from the preset */
  --surface-raised: color-mix(in srgb, var(--surface) 90%, var(--text));
  --accent-hover: color-mix(in srgb, var(--accent) 80%, var(--text));
  --focus: var(--accent);
  --border-strong: var(--text-muted);

  /* Liquid glass */
  --glass-bg: color-mix(in srgb, var(--surface) 60%, transparent);
  --glass-bg-solid: var(--surface);
  --glass-border: var(--border);
  --glass-highlight: inset 0 1px 0 var(--border);
  --glass-blur: blur(24px) saturate(150%);

  /* Tonal field: surface into black, gives glass something to blur */
  --field: radial-gradient(120% 90% at 50% 0%, var(--surface) 0%, var(--bg) 70%);

  /* Type */
  --type-display: clamp(3rem, 8.5vw, 7.5rem);
  --type-h2: clamp(2.25rem, 5vw, 4.5rem);
  --type-h3: clamp(1.375rem, 2.2vw, 1.75rem);
  --type-lead: clamp(1.125rem, 1.6vw, 1.375rem);
  --type-body: 1.0625rem;
  --type-small: 0.875rem;
  --tracking-display: -0.025em;
  --tracking-heading: -0.02em;
  --tracking-label: 0.14em;
  --weight-display: 600;

  /* Layout */
  --radius-small: 12px;
  --radius-pill: 999px;
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
}