/*
 * EPRI Executive Hub - Design Tokens & Theme
 *
 * Built on the EPRI Design System (Material Blue #1976D2 primary,
 * Roboto UI / Montserrat display). Clean, modern, executive-ready.
 *
 * WCAG AA: white on --accent ~4.8:1; --text-primary on --bg-page ~12.6:1.
 */

:root {
  /* -- Surface colors ----------------------------------------- */
  --bg-page:        #F5F5F5;
  --bg-card:        #ffffff;
  --bg-card-header: #FAFAFA;
  --bg-input:       #F5F5F5;
  --bg-hover:       #EEEEEE;
  --bg-active:      rgba(25, 118, 210, 0.10);

  /* -- Border colors ------------------------------------------ */
  --border:         #E0E0E0;
  --border-light:   #EEEEEE;
  --border-focus:   #1976D2;

  /* -- Text colors -------------------------------------------- */
  --text-primary:   #212121;
  --text-secondary: #424242;
  --text-muted:     #757575;
  --text-inverse:   #ffffff;

  /* -- Brand / accent (EPRI primary blue) --------------------- */
  --accent:         #1976D2;
  --accent-hover:   #1565C0;
  --accent-light:   rgba(25, 118, 210, 0.10);
  --accent-tint:    rgba(25, 118, 210, 0.20);
  --accent-soft:    #42A5F5;

  /* -- Semantic colors ---------------------------------------- */
  --success:        #4CAF50;
  --success-bg:     #E8F5E9;
  --success-text:   #1B5E20;
  --warning:        #FFC107;
  --warning-bg:     #FFF8E1;
  --warning-text:   #5D4037;
  --danger:         #B71C1C;
  --danger-bg:      #FFEBEE;
  --danger-text:    #B71C1C;
  --info:           #1976D2;
  --info-bg:        #E3F2FD;
  --info-text:      #0D47A1;

  /* -- Typography --------------------------------------------- */
  --font-sans:    'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Montserrat', 'Roboto', system-ui, sans-serif;
  --font-mono:    'SF Mono', 'Fira Code', Menlo, Consolas, monospace;

  /* -- Radius ------------------------------------------------- */
  --radius-sm:      4px;
  --radius-default: 6px;
  --radius-md:      8px;
  --radius-lg:      16px;
  --radius-xl:      24px;
  --radius-full:    9999px;

  /* -- Shadows ------------------------------------------------ */
  --shadow-sm:      0 1px 2px rgba(0,0,0,.05);
  --shadow-default: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md:      0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
  --shadow-lg:      0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
  --shadow-brand:   0 8px 24px rgba(25, 118, 210, .28);

  --transition:      all 0.3s ease;
  --transition-fast: 150ms ease;

  /* ===========================================================
   * Executive Hub identity tokens
   * Deep navy surfaces + a luminous glow + frosted-glass cards.
   * =========================================================== */
  --lp-night:      #0A1730;
  --lp-indigo:     #13294B;
  --lp-blue:       #1B3A6B;
  --lp-skylight:   rgba(120, 180, 255, 0.55);
  --lp-beam:       rgba(146, 197, 255, 0.10);

  --glass-card:          rgba(255, 255, 255, 0.94);
  --glass-card-tint:     rgba(255, 255, 255, 0.06);
  --glass-card-border:   rgba(255, 255, 255, 0.16);

  /* Gradient for login/fullscreen backgrounds */
  --gradient-launchpad:
    radial-gradient(120% 80% at 50% -10%, var(--lp-skylight) 0%, rgba(27,58,107,0.0) 45%),
    linear-gradient(180deg, var(--lp-blue) 0%, var(--lp-indigo) 42%, var(--lp-night) 100%);

  /* Legacy aliases for transition period */
  --atrium-night:    var(--lp-night);
  --atrium-beam:     var(--lp-beam);
  --atrium-glass:    var(--glass-card);
}