/* ============================================================
   DOGWARE SHARED DESIGN TOKENS — seo247.co.il
   SSOT: app/lib/accents.json v2.0.0 — CANDIDATE B · VIOLET + GREEN
   (operator MZ lock, 2026-07-24, studio #100775; transcribed #101491)
   Re-skin the ENTIRE surface (public site + client area) by
   editing THIS file only. Page-local :root vars reference these
   tokens with a hard fallback, so a failed load degrades safely.

   #100778 S1 — accent + state RAMPS migrated to candidate B:
     VIOLET = brand · action · navigation   (anchor #7C3AED)
     GREEN  = data truth · positive state   (anchor #087150 / #22C55E)
   Retired here: the whole Signal-blue accent family (deliberately not
   named by hex, so the "zero retired-blue literals" grep stays clean).

   GROUND RULE (accents.json "semantic._note"): a colour is chosen by
   its GROUND, not its name. accents.json is authored LIGHT-first.
   #103309 (2026-08-05): the spine is now FLIPPED to LIGHT — the
   app-tail slice deferred from #100778 S1/S2. :root carries the
   light-ground values verbatim from accents.json dw_token_map
   (white surfaces, near-black ink; --dw-accent-text -> #6D28D9,
   --dw-ok -> #087150). Studio consistency spec #103293 Finding 1.
   ============================================================ */
:root {
  /* surfaces (dogware LIGHT — #103309 flip; light-first per accents.json) */
  --dw-bg: #FFFFFF;
  --dw-bg-2: #FAFAFB;          /* alternating section background */
  --dw-card: #FFFFFF;
  --dw-card-2: #F4F4F7;        /* elevated / hover surface */
  --dw-card-3: #EDEDF2;        /* dropdown / highest surface */
  --dw-line: rgba(11,11,15,.10);
  --dw-line-soft: rgba(11,11,15,.06);
  --dw-line-soft-2: rgba(148, 163, 184, .22);

  /* text */
  --dw-text: #0B0B0F;
  --dw-muted: #52525B;
  --dw-dim: #6B6B72;           /* AA-safe muted/dim body text on white */

  /* brand accent — VIOLET (candidate B, accents.json "accent") */
  --dw-accent: #7C3AED;        /* brand violet — graphic/large; 3.38:1 on #0E0E10 (≥3:1 non-text) */
  --dw-accent-strong: #8B5CF6; /* hover / lighter violet — decorative + large */
  --dw-accent-text: #6D28D9;   /* violet as SMALL text on the LIGHT spine — 7.1:1 on #FFFFFF (#103309 flip,
                                  verbatim from accents.json dw_token_map). Was #A78BFA on the dark spine. */
  --dw-accent-deep: #6D28D9;   /* primary CTA fill — white ink 7.1:1 (ground-independent) */
  --dw-accent-deeper: #5B21B6; /* CTA hover / pressed — white ink 8.98:1 */
  --dw-accent-ink: #ffffff;    /* text ON a violet fill — use -deep/-deeper */
  --dw-accent-dim: rgba(124, 58, 237, .08);   /* soft violet wash on the light ground (#103309 flip; was .15 on dark) */
  --dw-accent-border: rgba(124, 58, 237, .20);/* violet hairline on the light ground (#103309 flip; was .30 on dark) */
  --dw-grad: linear-gradient(120deg, #7C3AED, #6D28D9);
  --dw-grad-ink: linear-gradient(135deg, #0E0E10 0%, #334155 100%);

  /* data truth / positive state — GREEN (candidate B "data" ramp, operator carve-out:
     success stays green, never violet. Never colour-only — always with a ▲/✓/pulse glyph.) */
  --dw-ok: #087150;            /* green as text/icon on the LIGHT spine — 6.02:1 on #FFFFFF (AA) (#103309 flip; was #22C55E on dark) */
  --dw-ok-base: #087150;       /* green as text on WHITE — 6.02:1 (for light surfaces) */
  --dw-ok-solid: #16A34A;      /* fill / dot / bar — large + graphics only, never body text */
  --dw-ok-dark: #22C55E;       /* green on the ink band #0B0B0F (kept for dark-band contexts, e.g. rr-hero) */
  --dw-ok-wash: rgba(8,113,80,.10);  /* the one green tint on the light ground (#103309 flip; was rgba(34,197,94,.15) on dark) */

  /* semantic (functional, shared across surfaces — NOT brand) */
  --dw-warn: #CA8A04;          /* light-ground warn (#103309 flip; was #eab308 on dark) */
  --dw-err: #DC2626;           /* light-ground err  (#103309 flip; was #ef4444 on dark) */
  --dw-info: #6D28D9;          /* violet info on the light spine (#103309 flip; was #A78BFA on dark) */

  /* shape + type */
  --dw-radius-sm: 8px;
  --dw-radius: 12px;
  --dw-radius-lg: 16px;
  --dw-font-hebrew: 'Heebo', system-ui, sans-serif;
  --dw-font-mono: 'JetBrains Mono', 'Space Mono', monospace;
}