/* =====================================
   WPI Predict Theme
   -------------------------------------
   Centralized design system.

   Edit this file to change the
   application's appearance.

   Do NOT hardcode colors, fonts,
   spacing, shadows, or animation
   values in style.css.

   Sections
   --------
   1. Fonts
   2. Colors
   3. Effects
   4. Layout
   5. Animation

   Author: Jon Scott
===================================== */

:root{

/* =====================================
   Fonts
===================================== */

    --font:"Inter",sans-serif;
    --font-mono:"JetBrains Mono",monospace;

/* =====================================
   Colors
===================================== */

    /* --- Brand --- */

    --primary:#B42626;
    --primary-hover:#8F1C1C;

    /* --- Backgrounds --- */

    --background:#F5F7FA;
    --surface:#FFFFFF;

    --header-bg:rgba(255,255,255,.92);
    --window-title-bg:#FAFAFA;

    /* --- Text --- */

    --text:#1E293B;
    --muted:#64748B;

    /* --- Borders --- */

    --border:#D6DCE5;

    /* --- Components --- */

    --draw:#CBD5E1;
    --draw-hover:#B8C4D3;

    --button-text:#FFFFFF;

/* =====================================
   Effects
===================================== */

    --shadow:0 12px 40px rgba(0,0,0,.08);
    --focus-ring:0 0 0 3px rgba(180,38,38,.12);
    --focus-ring-outline:3px solid var(--primary);
    --focus-ring-offset:3px;

/* =====================================
   Layout
===================================== */

    /* Header / Footer */

    --header-height:50px;
    --footer-height:20px;

    --header-padding:0 28px;
    --footer-padding:0 24px;

    /* Logo */

    --logo-height:40px;

    /* Application */

    --panel-width:720px;

    --window-padding:28px;
    --window-title-padding:16px 22px;

    /* Controls */

    --control-height:50px;

    /* Navigation */

    --nav-gap: 8px;

    /* Forms */

    --form-gap:16px;

    /* Corners */

    --radius:12px;

/* =====================================
   Animation
===================================== */

    --transition:.20s ease;
}