/* =========================================================
   COLORS.CSS  (dashboard / welcome page)
   Lahat ng kulay ng dashboard ay galing sa TOKENS ng
   global/css/theme-modern.css. Walang hard-coded na kulay dito
   maliban sa puting text sa mga solid na badge/button.

   Kung gusto mong palitan ang color scheme: palitan ang mga --sm-*
   token sa theme-modern.css (isang lugar para sa buong system).
   ========================================================= */

:root{
   /* Legacy na pangalan (ginagamit pa ng ibang CSS/module) -> alias ng mga token */
   --navy-900:var(--sm-brand);
   --navy-800:var(--sm-brand);
   --navy-700:var(--sm-bar);

   --accent:var(--sm-action);
   --accent-light:var(--sm-accent-soft);

   --amber:var(--sm-warning);
   --amber-light:var(--sm-warn-bg);
   --amber-border:var(--sm-warn-border);

   --alert-bg:var(--sm-danger-bg);
   --alert-ink:var(--sm-danger);

   --success:var(--sm-success-icon);

   --bg:var(--sm-canvas);
   --card:var(--sm-card);
   --ink:var(--sm-ink);
   --ink-soft:var(--sm-muted);
   --line:var(--sm-line);
   --badge-neutral:var(--sm-badge);

   /* Group tints (Student Data / People) */
   --grp-data-bg:var(--sm-warn-bg);
   --grp-data-ink:var(--sm-warn-fg);
   --grp-people-bg:var(--sm-success-bg);
   --grp-people-ink:var(--sm-success-fg);
}

/* ---------- Where each variable is applied ---------- */

body{ background:var(--bg); color:var(--ink); }


/* User chip: neutral (hindi na madilim na pill) */
.userchip{
   background:var(--card);
   color:var(--ink);
   border:1px solid var(--line);
}
.userchip::before{ color:var(--success); }
.userchip:hover{ border-color:var(--accent); }

/* Priority banner: neutral na card ng theme + amber na accent lang (kaliwang guhit at icon).
   Hindi solidong amber/brown na bloke, para hindi banggaan ang slate + blue na theme. */
.banner{
   background:var(--card);
   border:1px solid var(--line);
   border-left:4px solid var(--amber);
}
.banner:hover{ border-color:var(--accent); border-left-color:var(--amber); }
.banner-icon{ background:var(--sm-warn-tint); color:var(--sm-warn-icon); }
.banner-text .count{ color:var(--ink); }
.banner-text .sub{ color:var(--ink-soft); }
.banner-btn{ background:transparent; color:var(--sm-link); border-color:var(--sm-link); }
.banner:hover .banner-btn{ background:var(--sm-action); color:#fff; border-color:var(--sm-action); }

.section-title{ color:var(--ink-soft); }
.section-title::after{ background:var(--line); }

/* Dashboard cards */
.card{ background:var(--card); border:1px solid var(--line); color:var(--ink); }
.card:hover{ border-color:var(--accent); }
.card .icon{ background:var(--accent-light); color:var(--accent); }
.card .label{ color:var(--ink); }
.card .badge{ background:var(--badge-neutral); color:#fff; }
.card.zero .badge{ background:var(--badge-neutral); }
.card.alert .icon{ background:var(--sm-danger-tint); color:var(--sm-danger-icon); }
.card.alert .badge{ background:var(--alert-ink); color:#fff; }
.card.alert.zero .badge{ background:var(--badge-neutral); }      /* walang dapat ayusin: hindi pula */

.grp-data .icon{ background:var(--sm-warn-tint); color:var(--sm-warn-icon); }
.grp-people .icon{ background:var(--sm-success-tint); color:var(--sm-success-icon); }