/* ═══════════════════════════════════════════════════════════════════════════
   02-accent.css — client-portal (buyer side). BLUE.

   The ONLY stylesheet that is meant to differ between the two portals. It
   declares custom properties and nothing else, which is what lets 03-base.css
   stay byte-identical: var() resolves after the cascade, so shared rules can
   consume var(--accent) and still render blue here and teal in
   licence-server-portal.

   Blue against the Cognizant portal's teal — it should always be obvious which
   side of the licensing chain you are looking at.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Interactive accent: active tab/subtab, focus rings, selection, spinner,
     toast rule, button and input borders. */
  --accent:var(--mid-blue);
  --accent-soft:var(--light-blue);   /* tinted hover fill  */
  --accent-ink:var(--dark-blue);     /* text on that fill  */
  --accent-ring:rgba(46,109,180,.2); /* 2px focus halo     */
  --accent-primary-bg:var(--dark-blue);
  --accent-primary-hover:var(--mid-blue);

  /* Paints the browser's own checkbox and radio ticks in the portal accent
     instead of its default blue. Inherited, so declaring it here covers every
     native control without touching a single component rule. --accent already
     carries a dark-mode value, so the tick follows the theme with it. */
  accent-color: var(--accent);

  /* Gradients. --grad-hero is shared by .hero and .sso-gate-card: the sign-in
     card is deliberately the same dark gradient in both themes, because the
     logo's wordmark is white-on-dark and vanishes on a light card.

     There used to be a --grad-page here too: two large radial washes behind
     the body. They read as decoration from a previous era, they never themed
     (the dark override simply painted over them), and they competed with the
     cards for attention. The page is now a flat --bg-page. */
  --grad-hero:linear-gradient(135deg,#1A3C6E 0%,#0F2A52 45%,#2E6DB4 100%);

  /* Elevation tints. Geometry is shared — see --elev-* in 01-tokens.css. */
  --shadow-bar-tint:rgba(20, 46, 86, .08);
  --shadow-card-tint:rgba(26, 60, 110, .07);
  --shadow-card-hover-tint:rgba(26, 60, 110, .11);

  /* The "pending reconciliation" tokens that used to live here are gone: the
     portals no longer disagree about --container-max, --table-min,
     --card-intro-size or --token-box-bg. This file is now purely accent
     identity, which is what it claimed to be from the start. */
}