/* ================================================================
   variables.css — design tokens (colors, fonts, spacing)
   Colors are also injected from DB settings via includes/head.php.
   ================================================================ */
:root {
  --primary:   #1E3A5F;
  --dark:      #122440;
  --accent:    #E07B2A;
  --accent-lt: #F5A85A;

  --bg:        #F4F6F9;
  --panel:     #FFFFFF;
  --panel-alt: #EEF1F5;
  --border:    #DCE3EC;
  --border-strong: #C2CCD9;

  --ink:       #1A2130;
  --muted:     #6B7A8D;
  --faint:     #95A2B3;

  --success:   #2D6A4F;
  --success-bg:#E3F1EA;
  --danger:    #C0392B;
  --danger-bg: #FBEAE8;
  --warning:   #B7860B;
  --warning-bg:#FBF3DD;
  --info:      #1E5F8F;
  --info-bg:   #E4F0F8;
  --emergency: #8B0000;

  --heading-font: 'Poppins', 'Segoe UI', sans-serif;
  --body-font:    'Inter', 'Segoe UI', sans-serif;

  --sp-xs:  .375rem;
  --sp-sm:  .625rem;
  --sp-md:  .875rem;
  --sp-lg:  1.25rem;
  --sp-xl:  1.75rem;
  --sp-2xl: 2.5rem;

  --r-sm:  4px;
  --r-md:  8px;
  --r-lg:  12px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(18,36,64,.06);
  --shadow-md: 0 2px 8px rgba(18,36,64,.10);
  --shadow-lg: 0 8px 24px rgba(18,36,64,.14);

  --header-h: 60px;
  --maxw: 1280px;
}