/* payam-theme.css
   One place for every colour, size and radius. Light theme first, dark theme overrides below.
   Loaded after custom.css and theme-dark.css. Rollback: remove the <link> in
   application/views/globals/header.php (and this file). */
:root{
  /* CRM2 vertical / light skin (ThemeForest CRMi). Option A: calm grey page, white
     cards, soft blue/slate accents, navy text. Pastel KPI fills on summary cards only.
     Service tiers stay Emergency red, Priority blue, Economy green. */
  --c-bg:#f6f6f6;
  --c-surface:#ffffff;
  --c-surface-2:#f3f6f9;
  --c-border:#e6eaef;
  --c-divider:#ebedf3;
  --c-text:#172b4c;
  --c-text-2:#5C607B;
  --c-text-3:#b5b5c3;
  --c-accent:#3d6fd8;
  --c-accent-hover:#2f5fc4;
  --c-accent-text:#2f5fc4;
  --c-accent-container:#e7f1fd;
  --c-on-accent-container:#174ea6;
  --kpi-peach:#fff8ea;
  --kpi-mint:#ebf9f5;
  --kpi-lilac:#ebe4f7;
  --kpi-sky:#cce5ff;
  --tier-emergency:#e24b4b;
  --tier-priority:#3d6fd8;
  --tier-economy:#2f9e62;
  --crm2-primary:#3d6fd8;
  --crm2-info:#3596f7;
  --crm2-success:#05825f;
  --crm2-warning:#ffa800;
  --crm2-danger:#ee3158;
  --crm2-navy:#172b4c;
  --crm2-primary-lite:#e7f1fd;
  /* Status families. Container + text pairs, each 4.5:1 or better */
  --s-neutral-bg:#f1f3f4;  --s-neutral-fg:#3c4043;  --s-neutral-dot:#80868b;
  --s-info-bg:#e8f0fe;     --s-info-fg:#174ea6;     --s-info-dot:#1a73e8;
  --s-wait-bg:#e8f0fe;     --s-wait-fg:#174ea6;     --s-wait-dot:#3d6fd8;
  --s-warn-bg:#fef7e0;     --s-warn-fg:#8a4b00;     --s-warn-dot:#f9ab00;
  --s-ok-bg:#e6f4ea;       --s-ok-fg:#0d652d;       --s-ok-dot:#1e8e3e;
  --s-alert-bg:#fce8e6;    --s-alert-fg:#a50e0e;    --s-alert-dot:#d93025;
  --c-danger:#d93025;      /* only for destructive actions and genuine alerts */
  /* Type and size */
  --font:"Poppins","Helvetica Neue",Arial,sans-serif;
  --font-display:"Poppins","Helvetica Neue",Arial,sans-serif;
  --fs-body:14px; --fs-small:12px; --fs-title:16px; --fs-page:22px;
  --lh:1.5;
  --row-h:40px; --control-h:36px; --topbar-h:64px;
  --radius:10px; --radius-chip:5px; --radius-sheet:10px;
  --rail-sm:120px;
  --shadow-1:0 3px 5px 1px rgba(0,0,0,.05);
  --shadow-2:0 8px 24px rgba(23,43,76,.08);
}
@media (max-width:767px){
  :root{ --fs-body:15px; --topbar-h:56px; --control-h:44px; --row-h:48px; }
}
/* Dark theme: same roles, different values. The existing sun/moon switch adds .theme-dark on body. */
.theme-dark{
  /* CRM2 dark skin, same sun/moon switch. Remove .theme-dark to return to light. */
  --c-bg:#0c1a32; --c-surface:#15243e; --c-surface-2:#1c3054; --c-border:#2c4068; --c-divider:#243656;
  --c-text:#bdd1f8; --c-text-2:#b5b5c3; --c-text-3:#7e8299;
  --c-accent:#5b8fd9; --c-accent-hover:#7aa3e8; --c-accent-text:#9ec5f5; --c-accent-container:#1a3050; --c-on-accent-container:#dce8f8;
  --s-neutral-bg:#3c4043; --s-neutral-fg:#e8eaed;
  --s-info-bg:#394457; --s-info-fg:#d2e3fc;
  --s-wait-bg:#243656; --s-wait-fg:#d2e3fc;
  --s-warn-bg:#55451a; --s-warn-fg:#fde293;
  --s-ok-bg:#2b4734; --s-ok-fg:#ceead6;
  --s-alert-bg:#5c2b29; --s-alert-fg:#fad2cf;
  --c-danger:#f28b82;
}