/* ==========================================================================
   Local Numbers — Design tokens (scoped dark theme)
   ==========================================================================
   The scoped `--ln-*` palette for every "Local numbers in <country>" page:
   the same deep-navy family as Sectors/Comparisons. Three semantic hues carry
   the whole page: violet = Bloom signal, mint = live availability (the LED on
   every dial tile), cool blue = geography (the dot-matrix map and region tags).

   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 rather than re-hardcoded.

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

.local-numbers-page {
  /* Surfaces — deep ink navy */
  --ln-bg: #0a0e20;
  --ln-border: rgba(255, 255, 255, 0.09);
  --ln-border-strong: rgba(255, 255, 255, 0.16);

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

  /* Brand signal */
  --ln-primary: #8b6bff;
  --ln-accent: #b98cff;
  --ln-primary-strong: var(--brand-violet-500);
  --ln-primary-deep: var(--brand-violet-600);
  --ln-primary-gradient: linear-gradient(115deg, var(--ln-primary-strong), var(--ln-primary-deep));
  --ln-primary-soft: rgba(139, 107, 255, 0.14);
  --ln-primary-ring: rgba(139, 107, 255, 0.32);
  --ln-primary-shadow: rgba(101, 44, 255, 0.4);

  /* Structural rules use a cool lilac tint rather than neutral white. */
  --ln-rule-soft: rgba(202, 192, 255, 0.12);
  --ln-rule: rgba(202, 192, 255, 0.14);
  --ln-rule-strong: rgba(202, 192, 255, 0.16);

  /* Availability — the mint LED on every dial tile ("this code is live"). */
  --ln-live: #2ee6a0;
  --ln-live-soft: rgba(46, 230, 160, 0.14);
  --ln-live-ring: rgba(46, 230, 160, 0.35);

  /* Geography — the dot-matrix country map, beacons ride the violet signal. */
  --ln-geo: #6ea8ff;

  /* Per-item accent rotation for open grids (why / cities / features). */
  --ln-rot-1: var(--ln-primary);
  --ln-rot-2: var(--cyan-400);
  --ln-rot-3: var(--ln-geo);
  --ln-rot-4: #ff5c85;

  /* Type roles — area codes are typographic subject matter, set in mono. */
  --ln-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;

  /* Radii / shadows */
  --ln-radius: 20px;
  --ln-radius-sm: 14px;
  --ln-radius-pill: 999px;
  color: var(--ln-text);
  font-family: var(--font-sans);
}