/*
 * LAW: Typography System (Phase 2 Update)
 * 
 * Expression: Confident, Human, Calm.
 * 
 * - Family: Single typeface (Inter) for seamless trust.
 * - Weights: Regular (400) and Bold (600) ONLY.
 * - Leading: Tight for headings, Comfortable for body.
 */

:root {
    /* FAMILY */
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    /* Premium Serif for Headings */
    --font-serif: 'Roxborough CF', 'Times New Roman', serif;

    --font-stack: var(--font-body);

    /* WEIGHTS (Strict) */
    --weight-regular: 400;
    --weight-bold: 600;

    /* SIZES (Locked to Figma Specifications) */
    --text-display: 4.5rem;
    /* 72px - Hero titles */
    --text-h1: 4rem;
    /* 64px - FAQ, major titles */
    --text-h2: 3.5rem;
    /* 56px - Section titles */
    --text-h3: 3rem;
    /* 48px - Subsection titles */
    --text-h4: 2rem;
    /* 32px - Card titles */
    --text-h5: 1.5rem;
    /* 24px - Subheadings */
    --text-h6: 1.25rem;
    /* 20px - Product names */
    --text-body: 1.125rem;
    /* 18px - Body text */
    --text-small: 1rem;
    /* 16px - Small text */
    --text-mini: 0.875rem;
    /* 14px - Footer, meta */
    --text-micro: 0.75rem;
    /* 12px - Eyebrows, labels */

    /* LEADING */
    --line-tight: 1.1;
    /* Headings */
    --line-snug: 1.3;
    /* UI */
    --line-loose: 1.6;
    /* Reading */
}

/* Global Application */
body {
    font-family: var(--font-stack);
    font-weight: var(--weight-regular);
    line-height: var(--line-loose);
    color: var(--color-ink-secondary);
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-serif);
    /* Global Serif Application */
    font-weight: var(--weight-bold);
    color: var(--color-ink-primary);
    line-height: var(--line-tight);
    margin-top: 0;
}