/* ═══════════════════════════════════════════════════════════
   Carstat API theme — Single Source of Truth
   Change --primary / --accent + their -rgb counterparts to
   re-skin the whole app.  Change the --bg-* / --surface-*
   group to switch from dark to light.
   ═══════════════════════════════════════════════════════════ */
:root {
    /* ─── Brand / Accent ─────────────────────────────────── */
    --primary:        #f97316;       /* main action colour       */
    --primary-rgb:    249, 115, 22;  /* ← keep in sync with --primary */
    --primary-dark:   #ea580c;       /* pressed / deeper shade   */
    --primary-light:  #fb923c;       /* hover / lighter shade    */
    --primary-subtle: #fdba74;       /* muted tint for small text on dark surfaces */
    --accent:         #f59e0b;       /* secondary accent         */
    --accent-rgb:     245, 158, 11;  /* ← keep in sync with --accent  */
    --accent-dark:    #d97706;       /* stats gradient end       */
    --mcp:            #10b981;       /* MCP channel colour       */
    --gradient-start: var(--primary);
    --gradient-end:   var(--accent);

    /* ─── Backgrounds ────────────────────────────────────── */
    --bg:             #0d1117;       /* page background          */
    --bg-rgb:         13, 17, 23;    /* ← keep in sync with --bg */
    --bg-deep:        #090c10;       /* footer / deepest layer   */
    --bg-elevated:    #111827;       /* hero overlay, sections   */
    --surface:        #161b22;       /* cards and panels         */
    --surface-hover:  #1c2128;       /* card hover state         */

    /* ─── Text ───────────────────────────────────────────── */
    --text:           #e6edf3;       /* primary text             */
    --text-muted:     #7d8590;       /* secondary / captions     */
    --text-subtle:    #6e7681;       /* comments / disabled      */
    --text-bright:    #e2e8f0;       /* near-white for headings  */

    /* ─── Borders ────────────────────────────────────────── */
    --border:         #21262d;
    --border-soft:    #30363d;

    /* ─── Status ─────────────────────────────────────────── */
    --success:        #22c55e;
    --success-rgb:    34, 197, 94;
    --warning:        #f59e0b;
    --danger:         #ef4444;
    --danger-rgb:     239, 68, 68;

    /* ─── Layout ─────────────────────────────────────────── */
    --sidebar-width:  260px;

    /* ─── Backward-compat aliases ────────────────────────── */
    --background:     var(--bg);
    --secondary:      var(--bg);     /* was dark navy; now matches bg depth */
}