/* ==========================================================
   C:\wamp64\www\sida2\css\variables.css
   ========================================================== */
   :root {
    /* Colors */
    --primary: #2563eb;
    --primary-light: #3b82f6;
    --primary-dark: #1d4ed8;
    --secondary: #14b8a6;
    --accent: #f59e0b;
    --success: #16a34a;
    --danger: #dc2626;

    /* Gray */
    --white: #ffffff;
    --surface: #f8fafc;
    --surface-2: #eef2f7;
    --border: #dbe3ec;
    --text: #1e293b;
    --text-light: #64748b;

    /* Radius */
    --radius-sm: 8px;
    --radius: 16px;
    --radius-lg: 28px;
    --radius-xl: 42px;

    /* Shadow */
    --shadow-xs: 0 1px 3px rgba(0, 0, 0, .05);
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, .12);
    --shadow-lg: 0 18px 45px rgba(0, 0, 0, .18);

    /* Width */
    --container: 1250px;

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

    /* Space */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 5rem;
}