/* ========================================================
   RAHMATPAY - DESIGN TOKENS
   Brand identity: FROZEN
   ======================================================== */

:root {
    /* Official brand palette */
    --color-pearl: #F8FAFF;
    --color-navy: #0F2B5B;
    --color-sapphire: #3A7BFF;
    --color-platinum: #C7CEDD;
    --color-champagne: #D4AF7C;
    --color-sky-mist: #E8F1FF;

    /* Supporting colours */
    --color-white: #FFFFFF;
    --color-ink: #18243A;
    --color-muted: #66738A;
    --color-border: #E4EAF4;
    --color-surface: #FFFFFF;
    --color-surface-soft: #F2F6FD;

    --color-success: #16845B;
    --color-warning: #B7791F;
    --color-danger: #C44545;

    /* Typography */
    --font-body: "Inter", "Segoe UI", Arial, sans-serif;
    --font-display: "Georgia", "Times New Roman", serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: clamp(2.4rem, 5vw, 4.5rem);

    --line-height-tight: 1.15;
    --line-height-normal: 1.6;
    --line-height-relaxed: 1.8;

    /* Font weights */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    /* Layout */
    --container-width: 1200px;
    --container-wide: 1360px;
    --header-height: 84px;

    /* Borders */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 30px;
    --radius-pill: 999px;

    /* Shadows */
    --shadow-soft: 0 8px 30px rgba(15, 43, 91, 0.06);
    --shadow-card: 0 14px 45px rgba(15, 43, 91, 0.08);
    --shadow-elevated: 0 24px 65px rgba(15, 43, 91, 0.12);

    /* Transitions */
    --transition-fast: 180ms ease;
    --transition-normal: 280ms ease;
    --transition-slow: 450ms ease;

    /* Layering */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-overlay: 900;
    --z-modal: 1000;
}