/* ORAVYS Type Scale  -  SSOT for font sizing tokens (2026-05-17)
   Consumed via: <link rel="stylesheet" href="/static/css/type-scale.css">
   Place AFTER brand-variables.css, BEFORE page-specific styles */

:root {
    --type-hero: clamp(44px, 8vw, 92px);
    --type-display: clamp(32px, 5vw, 64px);
    --type-heading: clamp(22px, 3vw, 36px);
    --type-body: clamp(16px, 1.2vw, 19px);
    --type-ui: clamp(14px, 1vw, 16px);
    --type-label: clamp(11px, 0.8vw, 13px);
    --type-metric: clamp(28px, 4vw, 48px);
}

.type-hero {
    font-family: var(--font-display, 'Inter', sans-serif);
    font-size: var(--type-hero);
    font-weight: 300;
    line-height: 1.0;
    letter-spacing: -0.03em;
}

.type-display {
    font-family: var(--font-display, 'Inter', sans-serif);
    font-size: var(--type-display);
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.type-heading {
    font-family: var(--font-display, 'Inter', sans-serif);
    font-size: var(--type-heading);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.type-body {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: var(--type-body);
    font-weight: 400;
    line-height: 1.65;
}

.type-ui {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: var(--type-ui);
    font-weight: 500;
    line-height: 1.4;
}

.type-label {
    font-family: var(--font-mono, 'Geist Mono', monospace);
    font-size: var(--type-label);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.type-metric {
    font-family: var(--font-display, 'Inter', sans-serif);
    font-size: var(--type-metric);
    font-weight: 300;
    line-height: 1.0;
    letter-spacing: -0.02em;
}