@font-face {
    font-family: "Dolce Vita";
    src: local("Dolce Vita"), local("DolceVita");
}

@font-face {
    font-family: "Caviar Dreams";
    src: local("Caviar Dreams"), local("CaviarDreams");
}

:root {
    --page-bg: #ffffff;
    --surface-0: #ffffff;
    --surface-50: #fff9fb;
    --surface-100: #fff8fa;
    --surface-200: #fff4f7;
    --surface-glass: rgba(255, 255, 255, 0.98);

    --brand-500: #d20035;
    --brand-700: #a4002a;
    --brand-soft: rgba(210, 0, 53, 0.08);
    --brand-soft-strong: rgba(210, 0, 53, 0.12);
    --brand-ring: rgba(210, 0, 53, 0.12);

    --ink-900: #231f20;
    --ink-600: #666666;
    --ink-400: #8b7d82;

    --success-500: #16794a;
    --success-soft: rgba(22, 121, 74, 0.1);
    --warning-500: #b36a21;
    --warning-soft: rgba(179, 106, 33, 0.1);
    --danger-500: #b42318;
    --danger-soft: rgba(180, 35, 24, 0.1);

    --border-subtle: rgba(35, 31, 32, 0.08);
    --border-strong: rgba(31, 26, 18, 0.12);

    --shadow-soft: 0 20px 40px rgba(35, 31, 32, 0.08);
    --shadow-medium: 0 12px 24px rgba(210, 0, 53, 0.12);
    --shadow-strong: 0 16px 28px rgba(210, 0, 53, 0.18);

    --radius-xl: 28px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --radius-sm: 14px;
    --radius-pill: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;

    --font-display: "Dolce Vita", "Montserrat", sans-serif;
    --font-body: "Montserrat", "Segoe UI", sans-serif;
    --font-label: "Caviar Dreams", "Montserrat", sans-serif;
    --font-mono: Consolas, monospace;

    --gradient-page: linear-gradient(180deg, #ffffff 0%, #fffdfd 100%);
    --gradient-hero: linear-gradient(180deg, #ffffff 0%, #fff9fb 100%);
}