/* ============================================================
   CSS VARIABLES — BVE Hiring
   Brand pulled directly from Bear Valley Forecast Scheduling App
============================================================ */
:root {
  /* ── BVE Brand ── */
  --red:            #CC0000;
  --yellow:         #FFD700;
  --black:          #1a1a1a;

  /* ── Surfaces ── */
  --bg:             #f4f4f4;
  --card:           #fff;
  --border:         #ddd;
  --row-alt:        #f9f9f9;
  --shadow:         0 1px 4px rgba(0,0,0,.07);

  /* ── Status ── */
  --ok:             #28a745;
  --err:            #dc3545;
  --warn:           #ff9800;
  --blue:           #2196F3;

  /* ── Aliases for layout.css / components.css ── */
  --color-primary:        var(--red);
  --color-primary-lt:     #ffeaea;
  --color-bg:             var(--bg);
  --color-surface:        var(--card);
  --color-border:         var(--border);
  --color-text:           var(--black);
  --color-muted:          #666;
  --color-success:        var(--ok);
  --color-warn:           var(--warn);
  --color-danger:         var(--err);

  /* ── Sidebar — red like the scheduling app header ── */
  --color-sidebar-bg:     var(--red);
  --color-sidebar-text:   rgba(255,255,255,.7);
  --color-sidebar-active: #fff;
  --color-sidebar-accent: rgba(0,0,0,.25);

  /* ── Layout ── */
  --sidebar-w:  220px;
  --topbar-h:   52px;
  --radius:     8px;
  --radius-sm:  6px;
}