/* ==========================================================================
   Sectors — Design tokens (scoped dark theme)
   ==========================================================================
   The scoped `--sec-*` palette for every Sector page: a deliberate dark
   re-skin (deep navy, brighter accents tuned for a dark background).

   This is NOT the brand source of truth — the brand primitives live once in
   src/shared/styles/global.css (`--brand-*`). Where a value IS a brand-core
   colour it is referenced from there (the hover-glow shadow uses
   --brand-violet-600-rgb) rather than re-hardcoded; the genuinely
   sector-specific brights stay local on purpose.

   Loaded FIRST on every Sector page, before Background.css and PageStyles.css.
   ========================================================================== */

.sectors-page {
  /* Surfaces — deep navy, same family as the Solutions pages */
  --sec-bg: #0b1020;
  --sec-surface: rgba(19, 26, 46, 0.62);
  --sec-surface-2: rgba(255, 255, 255, 0.03);
  --sec-border: rgba(255, 255, 255, 0.09);
  --sec-border-strong: rgba(255, 255, 255, 0.16);
  /* Violet-tinted border that lights up on card hover (desktop). */
  --sec-border-hover: rgba(139, 107, 255, 0.45);

  /* Ink / text */
  --sec-ink: #ffffff;
  --sec-ink-soft: #e8ecf8;
  --sec-text: #c4cde4;
  --sec-text-muted: #93a0bd;

  /* Brand */
  --sec-primary: #8b6bff;
  --sec-accent: #b98cff;
  --sec-primary-soft: rgba(139, 107, 255, 0.14);
  --sec-primary-ring: rgba(139, 107, 255, 0.32);
  --sec-success: #2ee6a0;
  --sec-rose: #ff5c85;
  --sec-amber: #ffab52;

  /* Type roles — mirrors the HomePage narrative system. */
  --sec-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Radii / shadows */
  --sec-radius: 20px;
  --sec-radius-sm: 14px;
  --sec-radius-pill: 999px;
  /* Shared scale for the signature score gauge in every sector call card. */
  --sec-call-score-ring-size: 76px;
  --sec-call-score-value-size: 22px;
  --sec-card-shadow: 0 18px 46px rgba(2, 6, 23, 0.45);
  /* Layered hover shadow: top rim-light + soft depth + violet brand glow. */
  --sec-card-shadow-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 26px 52px -14px rgba(2, 6, 23, 0.62),
    0 16px 44px -8px rgba(var(--brand-violet-600-rgb), 0.5);
  --sec-soft-shadow: 0 12px 34px rgba(2, 6, 23, 0.4);

  /* Hero band ink (hero paints its own richer glow over the shared bg) */
  --sec-hero-ink: #ffffff;
  --sec-hero-text: rgba(220, 227, 245, 0.82);
  --sec-hero-dim: rgba(148, 163, 184, 0.9);

  color: var(--sec-text);
  font-family: var(--font-sans);
}