:root {

    /* Brand */

    --primary: #2563eb;
    --primary-dark: #1d4ed8;

    /* Success */

    --success: #16a34a;

    /* Warning */

    --warning: #f59e0b;

    /* Danger */

    --danger: #dc2626;

    /* Background */

    --background: #f8fafc;

    /* Cards */

    --surface: #ffffff;

    /* Text */

    --text: #111827;

    --text-light: #6b7280;

    /* Border */

    --border: #e5e7eb;

    /* Radius */

    --radius: 14px;

    /* Shadow */

    --shadow: 0 12px 30px rgba(0,0,0,.08);

}