/* ============================================================
   Litofane for Sales - product layer
   ------------------------------------------------------------
   Loads AFTER the platform tokens (styles.css). Supplies the
   Sales identity hue and binds it to the shared product-accent
   contract in tokens/colors.css. Same components, re-tinted.

   Sales hue LOCKED (DEC-0157): teal #00B4A6.

   Accessibility rule (DEC-0157, from the SMC-78 WCAG audit):
   #00B4A6 is the hero teal - the lit dot, fills, large accents
   and dark mode. It is NEVER white-on-teal, nor teal as small
   text on white (both 2.6:1). Therefore:
     - teal fills carry a DARK ink label (--accent-contrast = ink, 7.6:1);
     - links are ink text with a teal underline (--link-underline), not teal text;
     - the focus ring is two-tone (dark keyline + teal) - see foundations.css.
   The 600 / 700 shades are interaction states (hover / press) only.
   ============================================================ */

:root {
  /* Sales identity hue - LOCKED */
  --sales-teal:      #00b4a6;   /* hero teal: dot, fills, accents, dark mode */
  --sales-teal-600:  #009a8e;   /* hover state  */
  --sales-teal-700:  #007e74;   /* pressed state */
  --sales-teal-050:  #e5f7f5;   /* faint wash    */

  /* Bind the platform product-accent contract to the Sales hue */
  --accent:          var(--sales-teal);
  --accent-hover:    var(--sales-teal-600);
  --accent-press:    var(--sales-teal-700);
  --accent-wash:     var(--sales-teal-050);
  --accent-contrast: var(--neutral-950);     /* DARK ink label on teal (7.6:1), never white; pinned to the ink primitive so it does not follow --text-primary into dark */
  --focus-ring:      var(--sales-teal);      /* paired with a dark keyline in --shadow-focus */
  --text-link:       var(--text-primary);    /* links = ink text ... */
  --link-underline:  var(--accent);          /* ... + a teal underline */
  --accent-text:     var(--text-primary);    /* text on the accent wash is ink, never teal (DEC-0157) */
}

/* ============================================================
   Dark theme (SMC-110). DEC-0157: the bright teal is the dark-mode
   accent (8.1:1 on the black ground). The label on a teal fill stays
   dark ink (7.6:1); links stay ink text with a teal underline; the
   focus ring keeps the teal tone. The wash is a dark teal tint.
   Both blocks MUST stay identical (_tools/contrast_check.py asserts it).
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --accent:          var(--sales-teal);
    --accent-hover:    var(--sales-teal-600);
    --accent-press:    var(--sales-teal-700);
    --accent-wash:     #0b2624;
    --accent-contrast: var(--neutral-950);
    --accent-text:     var(--text-primary);
    --focus-ring:      var(--sales-teal);
    --text-link:       var(--text-primary);
    --link-underline:  var(--accent);
  }
}
:root[data-theme="dark"] {
  --accent:          var(--sales-teal);
  --accent-hover:    var(--sales-teal-600);
  --accent-press:    var(--sales-teal-700);
  --accent-wash:     #0b2624;
  --accent-contrast: var(--neutral-950);
  --accent-text:     var(--text-primary);
  --focus-ring:      var(--sales-teal);
  --text-link:       var(--text-primary);
  --link-underline:  var(--accent);
}