/* Your Website — design tokens
   Source: docs/design/yourwebsite-twowrens-screenshot.png */

:root {
    --yw-primary: #2563EB;
    --yw-primary-hover: #1D4ED8;
    --yw-primary-soft: #EFF6FF;
    --yw-primary-glow: rgba(37, 99, 235, 0.16);
    --yw-dark: #0F172A;
    --yw-bg: #F4F7FB;
    --yw-bg-soft: #EBF1F8;
    --yw-surface: #FFFFFF;
    --yw-bg-wash: rgba(37, 99, 235, 0.07);
    --yw-bg-wash-green: rgba(16, 185, 129, 0.05);
    --yw-ink: #0F172A;
    --yw-ink-body: #334155;
    --yw-ink-muted: #64748B;
    --yw-accent: #10B981;
    --yw-accent-soft: #D1FAE5;
    --yw-cta: #2563EB;
    --yw-cta-hover: #1D4ED8;
    --yw-cta-ink: #FFFFFF;
    --yw-border: #E2E8F0;
    --yw-border-strong: #CBD5E1;
    --yw-focus: #2563EB;

    --yw-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --yw-font-body: "Source Sans 3", "Segoe UI", sans-serif;

    --yw-radius-sm: 10px;
    --yw-radius-md: 14px;
    --yw-radius-lg: 20px;
    --yw-radius-full: 9999px;

    --yw-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 28px rgba(15, 23, 42, 0.06);
    --yw-shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.16);
    --yw-shadow-glow: 0 20px 50px var(--yw-primary-glow);

    --yw-container: 1180px;
    --yw-pad: 28px;

    --yw-space-1: 4px;
    --yw-space-2: 8px;
    --yw-space-3: 12px;
    --yw-space-4: 16px;
    --yw-space-5: 24px;
    --yw-space-6: 32px;
    --yw-space-7: 48px;
    --yw-space-8: 80px;
    --yw-space-9: 112px;

    --yw-text-xs: 0.8125rem;
    --yw-text-sm: 0.9375rem;
    --yw-text-md: 1.0625rem;
    --yw-text-lg: 1.2rem;
    --yw-text-xl: clamp(1.45rem, 2vw, 1.8rem);
    --yw-text-2xl: clamp(2rem, 3.2vw, 2.5rem);
    --yw-text-3xl: clamp(2.55rem, 5vw, 3.65rem);

    --yw-header-h: 78px;
}