/* css/variables.css */
:root {
    /* Colors - Light Clinical Theme */
    --bg-primary: #f8f9f9;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f0f4f5;

    --color-accent: hsl(193, 99%, 40%);
    --color-accent-dim: hsl(193, 99%, 30%);
    --color-accent-tint: hsl(193, 60%, 96%);

    --text-primary: #0f1c1e;
    --text-secondary: #4a6b70;

    --border-color: hsl(193, 20%, 88%);
    --border-subtle: hsla(193, 30%, 50%, 0.08);
    --color-bg-number: hsla(193, 99%, 40%, 0.05);
    --bg-proof: #f4f7f8;

    --shadow-sm: 0 2px 8px hsla(193, 30%, 50%, 0.05);
    --shadow-md: 0 4px 20px hsla(193, 30%, 50%, 0.07);

    /* Typography */
    --font-display: 'Instrument Serif', serif;
    --font-body: 'DM Sans', sans-serif;

    /* Layout */
    --container-max: 1100px;
    --section-padding: clamp(100px, 12vw, 160px);
    --nav-height: 80px;
    --radius-sm: 6px;
    --radius-md: 12px;
}