/* ==========================================
   CAPITAL PAISA DIGITAL DESIGN SYSTEM
   Version : 2.0
========================================== */

:root {

    /* Brand Colors */
    --primary: #4F7CFF;
    --primary-dark: #2D5BFF;
    --secondary: #7C4DFF;
    --accent: #00D4FF;

    /* Background */
    --bg: #050816;
    --bg-secondary: #0A1024;
    --surface: rgba(255,255,255,.08);
    --surface-dark: rgba(255,255,255,.05);

    /* Text */
    --white: #FFFFFF;
    --text: rgba(255,255,255,.88);
    --muted: rgba(255,255,255,.65);

    /* Borders */
    --border: rgba(255,255,255,.12);

    /* Glass */
    --glass: rgba(255,255,255,.08);
    --glass-strong: rgba(255,255,255,.12);
    --glass-border: rgba(255,255,255,.15);

    /* Glow */
    --glow-blue: rgba(79,124,255,.45);
    --glow-purple: rgba(124,77,255,.40);
    --glow-cyan: rgba(0,212,255,.35);

    /* Shadow */
    --shadow-soft: 0 20px 60px rgba(0,0,0,.35);
    --shadow-lg: 0 35px 100px rgba(0,0,0,.45);

    /* Radius */
    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 30px;
    --radius-xl: 40px;

    /* Container */
    --container: 1320px;

    /* Header */
    --header-height: 86px;

    /* Transition */
    --transition: .35s ease;

    /* Blur */
    --blur: 24px;

    /* Gradient */
    --gradient-primary:
        linear-gradient(
            135deg,
            #4F7CFF 0%,
            #7C4DFF 100%
        );

    --gradient-bg:
        radial-gradient(circle at top left,#284BFF 0%,transparent 40%),
        radial-gradient(circle at bottom right,#7C4DFF 0%,transparent 35%),
        radial-gradient(circle at center,#00D4FF22 0%,transparent 55%),
        #050816;

    /* Z Index */
    --z-header:100;
    --z-overlay:200;
    --z-modal:500;
}