/* =====================================================================
   themes.css — Light (Clean White) & Dark (Navy Blue) themes
   Sheraz Model School Management System
   Software by Digital Boosters IT Center
   Brand colours from the school logo: Navy, Gold, Red, Green
   ===================================================================== */

:root {
  /* Brand */
  --navy:        #0B1F4B;
  --navy-700:    #13306E;
  --gold:        #D4A938;
  --gold-soft:   #E8C877;
  --red:         #D92D2D;
  --green:       #1E9E48;
  --sky:         #2F8FD8;

  /* Light theme (default) */
  --bg:          #F3F5FA;
  --surface:     #FFFFFF;
  --surface-2:   #F7F8FC;
  --text:        #172033;
  --text-soft:   #3E4A63;
  --muted:       #6B7590;
  --border:      #E3E7F0;
  --primary:     var(--navy);
  --primary-text:#FFFFFF;
  --focus:       rgba(47, 143, 216, .35);
  --shadow-sm:   0 1px 2px rgba(11, 31, 75, .06);
  --shadow:      0 6px 24px rgba(11, 31, 75, .08);

  --success-bg:  #E8F7EE; --success-text: #146C33;
  --error-bg:    #FDECEC; --error-text:   #A61B1B;
  --warning-bg:  #FFF6E0; --warning-text: #8A5A00;
  --info-bg:     #E9F3FC; --info-text:    #1A5E96;

  /* Layout */
  --sidebar-w:   264px;
  --topbar-h:    64px;
  --radius:      12px;
  --radius-sm:   8px;
  --font:        'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* Overwritten inline by header.php from the user's choice */
  --sidebar-bg:   #0B1F4B;
  --sidebar-text: #FFFFFF;

  color-scheme: light;
}

[data-theme="dark"] {
  --bg:          #06122E;
  --surface:     #0C1C44;
  --surface-2:   #102352;
  --text:        #E9EEF8;
  --text-soft:   #C3CCE0;
  --muted:       #8F9CBC;
  --border:      #1C3166;
  --primary:     var(--gold);
  --primary-text:#0B1F4B;
  --focus:       rgba(232, 200, 119, .35);
  --shadow-sm:   0 1px 2px rgba(0, 0, 0, .3);
  --shadow:      0 8px 28px rgba(0, 0, 0, .35);

  --success-bg:  rgba(30, 158, 72, .16);  --success-text: #7FDCA0;
  --error-bg:    rgba(217, 45, 45, .18);  --error-text:   #FF9C9C;
  --warning-bg:  rgba(212, 169, 56, .18); --warning-text: #F1D07D;
  --info-bg:     rgba(47, 143, 216, .18); --info-text:    #9BCBF2;

  color-scheme: dark;
}