/* BeBiWo brand tokens: colors, type scale and the shared palette used by the
   landing page and the auth page skin. Loaded on every page (small). */

:root {
    --bw-plum-950: #2e1065;
    --bw-plum-900: #3b0764;
    --bw-violet-900: #4c1d95;
    --bw-violet-800: #5b21b6;
    --bw-violet-700: #6d28d9;
    --bw-violet-600: #7c3aed;
    --bw-violet-500: #8b5cf6;
    --bw-rose-700: #be185d;
    --bw-magenta-700: #a21caf;
    --bw-pink-glow: #f9a8d4;
    --bw-pink-soft: #fccbf7;

    --bw-ink: #1f2937;
    --bw-ink-soft: #4b5563;
    --bw-paper: #ffffff;
    --bw-paper-alt: #fff5fb;
    --bw-hairline: #f3dbe8;

    --bw-red: #e10113;
    --bw-red-hover: #c10010;
    --bw-accent-text: #e10113;

    --bw-grad-hero: linear-gradient(118deg, var(--bw-plum-900) 0%, var(--bw-violet-700) 40%, var(--bw-magenta-700) 74%, var(--bw-rose-700) 100%);
    --bw-grad-btn: linear-gradient(93deg, var(--bw-red) 0%, var(--bw-red) 100%);
    --bw-grad-word: linear-gradient(90deg, var(--bw-pink-glow) 0%, #c084fc 100%);

    --bw-font-head: 'Poppins', 'Montserrat', ui-sans-serif, system-ui, sans-serif;
    --bw-font-body: 'Montserrat', 'Poppins', ui-sans-serif, system-ui, sans-serif;

    --bw-container: 1240px;
    --bw-gutter: clamp(16px, 4vw, 48px);
    --bw-radius: 20px;
    --bw-section-y: clamp(48px, 7vw, 96px);
}