/* ============================================================
   STACK THEME — single source of truth for colors (user side).
   Light paper pages, royal blue + cyan accents, a navy "ink" for the
   dark sections. Fonts: Unbounded (display) + Manrope (body).
   Use ONLY these variables anywhere in the user-side CSS.
   ============================================================ */
:root{
  /* Admin → Settings → Themes card */
  --theme-mode: light;
  --preview-a: #1E4FD8;
  --preview-b: #3BE0FF;

  --ink:   #06163A;  /* headings, dark sections */
  --navy:  #0A2A6B;  /* dark blue: gradients */
  --royal: #1E4FD8;  /* MAIN brand color: primary buttons, links, active states */
  --blue:  #2563EB;  /* hover of primary buttons */
  --sky:   #4DA3FF;  /* light accent */
  --cyan:  #3BE0FF;  /* highlight accent */
  --pale:  #BFDBFE;  /* soft blue fills */
  --ice:   #EAF2FF;  /* very light blue: tags, icon boxes */
  --paper: #F5F8FF;  /* page background */
  --white: #FFFFFF;  /* cards background */
  --mut:   #5A6B8C;  /* secondary text */
  --line:  #DCE6F7;  /* borders and dividers */

  --disp: 'Unbounded', Manrope, system-ui, sans-serif;
  --body: Manrope, system-ui, sans-serif;

  /* Brand gradient */
  --grad: linear-gradient(135deg, var(--royal), var(--navy));

  /* Radii */
  --radius-card: 22px;
  --radius-btn: 14px;

  /* Legacy accent vars (existing CSS uses var(--c-primary)) mapped to brand. */
  --c-primary: var(--royal);
  --c-primary-dark: var(--blue);
  --c-primary-rgb: 30,79,216;
}