/* Katomu family design tokens. Load this before every product stylesheet. */
:root {
    --c-basic: #3AAE7A;
    --c-flirt: #E85D75;
    --c-rp: #7A5AF8;

    --font: 'Manrope', sans-serif;
    --fs-xs: 11px;
    --fs-sm: 13px;
    --fs-base: 15px;
    --fs-lg: 16px;
    --fs-xl: 18px;
    --fs-2xl: 24px;
    --fs-3xl: 32px;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-pill: 999px;
    --radius-full: 50%;

    --duration: 0.2s;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

body.dark {
    color-scheme: dark;
    --bg: #111418;
    --surface: #13151a;
    --surface-2: #1a1c23;
    --surface-3: #1e2128;
    --text: #f0f0f3;
    --text-2: #9ca3af;
    --text-3: #6b7280;
    --border: rgba(255, 255, 255, 0.06);
    --border-2: rgba(255, 255, 255, 0.1);
    --overlay: rgba(0, 0, 0, 0.7);
}

body.light {
    color-scheme: light;
    --bg: #e7ebf0;
    --surface: #ffffff;
    --surface-2: #f1f5f9;
    --surface-3: #e2e8f0;
    --text: #000000;
    --text-2: #707579;
    --text-3: #999999;
    --border: rgba(0, 0, 0, 0.05);
    --border-2: rgba(0, 0, 0, 0.08);
    --overlay: rgba(0, 0, 0, 0.55);
}