/* Aidat — unified design tokens */
:root {
    --color-primary: #5b8def;
    --color-primary-2: #83a8f5;
    --color-primary-rgb: 91, 141, 239;
    --color-success: #22c55e;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-info: #38bdf8;

    --px-bg: #0c1018;
    --px-bg2: #121820;
    --px-card: #171d28;
    --px-card2: #1c2430;
    --px-bd: rgba(255, 255, 255, 0.12);
    --px-mut: #b0bdd0;
    --px-txt: #f8fafc;
    --px-cor: var(--color-primary);
    --px-cor2: var(--color-primary-2);
    --px-cor-soft: rgba(var(--color-primary-rgb), 0.14);
    --px-cor-soft-2: rgba(var(--color-primary-rgb), 0.08);
    --px-cor-border: rgba(var(--color-primary-rgb), 0.28);
    --px-cor-glow: rgba(var(--color-primary-rgb), 0.28);
    --px-grn: #34d399;

    --primary-color: var(--color-primary);
    --secondary-color: var(--color-primary-2);
    --success-color: var(--color-success);
    --danger-color: var(--color-danger);
    --warning-color: var(--color-warning);
    --info-color: var(--color-info);

    --auth-cor: var(--color-primary);
    --auth-cor2: var(--color-primary-2);
    --auth-bg: var(--px-bg);
    --auth-card: var(--px-card);
    --auth-bd: rgba(255, 255, 255, 0.14);
    --auth-mut: var(--px-mut);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.18);
}