:root {

    /* Colors */

    --background: #0F172A;

    --surface: #1E293B;

    --surface-light: #334155;

    --border: #475569;

    --text: #F8FAFC;

    --text-muted: #94A3B8;

    --primary: #2563EB;

    --primary-hover: #1D4ED8;

    --success: #22C55E;

    --warning: #FACC15;

    --danger: #EF4444;

    --radius: 16px;

    --shadow:
        0 10px 30px rgba(0,0,0,.25);

}