/* =========================================================
   BrioCom Solutions — Modular CSS
   global.css
   Refactored from the original Time Tracking Workspace CSS.
   ========================================================= */

/* =========================================================
   1. GLOBAL VARIABLES
   ========================================================= */

:root {

    --red: #dc2626;
    --red-dark: #b91c1c;
    --red-light: #ef4444;

    --black: #050505;
    --dark: #090909;
    --card: #0f0f0f;
    --card-2: #131313;

    --border: #252525;
    --border-light: #333;

    --white: #f5f5f5;
    --text: #dddddd;
    --muted: #999;
    --muted-dark: #666;

    --green: #22c55e;
    --yellow: #f59e0b;

    --sidebar-width: 270px;
    --quick-tools-width: 335px;

    --radius: 14px;

    --shadow:
        0 15px 40px rgba(0,0,0,.35);

    --red-glow:
        0 0 25px rgba(220,38,38,.15);
}
/* =========================================================


/* =========================================================
   2. BASE
   ========================================================= */
* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(220,38,38,.045),
            transparent 35%
        ),
        #050505;

    color: var(--text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 15px;
    line-height: 1.6;
}
/* =========================================================