/* ============================================================
   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;
   this spine is still DARK (the light-first surface flip is the
   app-tail slice, deliberately NOT in #100778 S1/S2). So the two
   text-on-dark tokens below take the dark-ground sibling of the same
   violet/green ramp, with the measured ratio cited. When the spine
   flips light, --dw-accent-text -> #6D28D9 and --dw-ok -> #087150,
   both verbatim from accents.json.
   ============================================================ */
:root {
  /* surfaces (dogware dark) — UNCHANGED by #100778; light-first flip is the app-tail slice */
  --dw-bg: #0E0E10;
  --dw-bg-2: #14141a;          /* derived: alternating section background */
  --dw-card: #0f172a;
  --dw-card-2: #16213b;        /* derived: elevated / hover surface */
  --dw-card-3: #1d2a47;        /* derived: dropdown / highest surface */
  --dw-line: #23304a;
  --dw-line-soft: rgba(148, 163, 184, .14);
  --dw-line-soft-2: rgba(148, 163, 184, .22);

  /* text */
  --dw-text: #f7f9fc;
  --dw-muted: #94a3b8;
  --dw-dim: #8b98a8;           /* AA-safe muted/dim body text on dark — 6:1 #100331/#100564 */

  /* 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: #A78BFA;   /* violet as SMALL text ON THE DARK SPINE — 7.08:1 on #0E0E10, 6.17:1 on #0f172a.
                                  Dark-ground sibling of the SSOT ramp; the SSOT's lightest violet #8B5CF6 is
                                  3.97:1 on the #0f172a card and fails AA. Light spine -> #6D28D9 (7.1:1). */
  --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, .15);   /* soft violet wash (alpha kept at .15 for the dark ground; .08 on light) */
  --dw-accent-border: rgba(124, 58, 237, .30);/* violet hairline (.20 on light) */
  --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: #22C55E;            /* green as text/icon ON THE DARK SPINE — 8.62:1 on #0B0B0F (AAA). Light spine -> #087150 */
  --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 */
  --dw-ok-wash: rgba(34, 197, 94, .15);  /* the one green tint (dark ground; rgba(8,113,80,.10) on light) */

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

  /* 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;
}
