/* =====================================================
   THEME — single source of brand colours for the agent portal.

   Defaults match the B2C site palette. To re-brand a white-label,
   override ONLY these two in Admin > Custom CSS:

     :root {
       --primary: #1479c4;
       --secondary: #d9363e;
     }

   Every shade below is derived from them, and the legacy names used
   across the portal (--tts-buttton-*, --primary-light) are pointed at
   them in default-layout.php right after the admin Custom CSS.
===================================================== */
:root {
  /* --- brand (override these) --- */
  --primary: #1479c4;
  --secondary: #d9363e;
  --on-primary: #ffffff;
  --on-secondary: #ffffff;

  /* --- derived shades --- */
  --primary-dark: color-mix(in srgb, var(--primary), #000000 30%);
  --primary-deep: color-mix(in srgb, var(--primary), #07111f 72%);
  --primary-soft: color-mix(in srgb, var(--primary), #ffffff 90%);
  --primary-soft-2: color-mix(in srgb, var(--primary), #ffffff 80%);
  --primary-ring: color-mix(in srgb, var(--primary), transparent 82%);
  --secondary-dark: color-mix(in srgb, var(--secondary), #000000 22%);
  --secondary-soft: color-mix(in srgb, var(--secondary), #ffffff 90%);

  /* --- typography --- */
  --font-ui: 'Plus Jakarta Sans', 'Roboto', system-ui, sans-serif;

  /* --- neutrals --- */
  --heading: #0f2a43;
  --text: #475569;
  --text-muted: #7b8698;
  --border: #e2e8f0;
  --field: #f7f9fc;
  --surface: #ffffff;
  --bg: #f4f7fb;
  --success: #16a34a;
  --danger: #dc2626;
}