/* Typography System
   Minimal, reusable font styles for consistent design language */

:root {
    /* Font Stack */
    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Font Sizes */
    --font-size-title: 28px;
    --font-size-body: 16px;
    --font-size-label: 14px;
    --font-size-small: 13px;
    
    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Line Heights */
    --line-height-tight: 1.2;
    --line-height-normal: 1.4;
    --line-height-relaxed: 1.6;
}

/* Base Typography */
body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-normal);
    color: #4A4A4A;
}

h1 {
    font-size: var(--font-size-title);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    color: #4A4A4A;
}

p {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-normal);
    color: #4A4A4A;
}

/* Labels & Form Text */
label, select, input {
    font-family: var(--font-family-base);
    font-size: var(--font-size-label);
    font-weight: var(--font-weight-semibold);
}

/* Small Text (footer, meta) */
.text-small,
.feedback-footer p {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-normal);
}