/* Portal SEI – Design Tokens */
:root {
  /* Brand — defaults SEI (overridden inline from PHP/Settings) */
  --brand:        #1B3A6B;
  --brand-lt:     #2753A0;
  --brand-dark:   #0d2247;
  --accent:       #E8A020;
  --accent-lt:    #F5B940;

  /* Surfaces */
  --bg:           #F4F6FA;
  --surface:      #FFFFFF;
  --surface-2:    #F8FAFC;
  --border:       #DDE3ED;
  --border-focus: #2753A0;

  /* Text */
  --text:         #1A1F2E;
  --text-muted:   #6B7591;
  --text-light:   #9AA3B6;

  /* State colors */
  --danger:        #C0392B;
  --danger-bg:     #FEF0F0;
  --danger-border: #F5C6CB;
  --success:       #1A7A4A;
  --success-bg:    #F0FAF5;
  --success-border:#A7F3D0;
  --warning:       #D97706;
  --warning-bg:    #FFFBEB;
  --warning-border:#FDE68A;
  --info:          #1B3A6B;
  --info-bg:       #EFF4FF;
  --info-border:   #BFDBFE;

  /* Layout */
  --sidebar-w:     240px;
  --header-h:      64px;

  /* Shape */
  --radius-sm: 6px;
  --radius:    8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.05);
  --shadow:    0 4px 12px rgba(0,0,0,0.09), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12), 0 4px 10px rgba(0,0,0,0.08);
  --shadow-xl: 0 20px 60px rgba(0,0,0,0.18);

  /* Typography */
  --font: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}