/* ============================================================
   Talim Sahl — Brand Tokens (single source of truth)
   Consumed by:
     - talimsahl.css (portal + /login)
     - website_theme_overrides.scss (public website via SCSS pipeline)
     - frontend/tailwind.config.js (Vue SPA, mirrors these hex values)
   ============================================================ */

:root {
  /* Brand palette */
  --ts-primary: #0D9B8A;       /* Teal */
  --ts-primary-dark: #087C6F;
  --ts-secondary: #1B3A6B;     /* Navy */
  --ts-secondary-dark: #122A50;
  --ts-cta: #2831AD;           /* CTA Blue */
  --ts-cta-dark: #1E2589;
  --ts-mid-blue: #3973B7;
  --ts-light-blue: #8AC9E8;
  --ts-white: #FFFFFF;
  --ts-text: #1D1E20;
  --ts-text-muted: #525252;
  --ts-bg-soft: #E8F4F1;

  /* Tier-6: flat-card depth system.
     Cards rest on a hairline border + tiny shadow; hover swaps border to teal.
     No translateY lift, no heavy elevation. */
  --ts-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  --ts-card-shadow-hover: 0 1px 2px rgba(15, 23, 42, 0.04);
  --ts-shadow-flat: 0 1px 2px rgba(15, 23, 42, 0.04);
  --ts-shadow-elev: 0 8px 24px rgba(15, 23, 42, 0.12);
}