/*
  שורש — Design Tokens
  Brand guideline category 1: Color System

  Layer 1 (primitives) — raw color scale, never referenced directly in components.
  Layer 2 (semantic)   — meaning-based aliases components actually use (--bg, --ink, --accent...).
  This keeps the palette scalable: add/adjust a shade in one place, everything downstream updates.
  Next categories (typography scale, spacing, elevation, logo/mark rules) extend this same file.

  v2: warm charcoal + gold palette (previously green/red). Gold reads as
  premium/human/trustworthy rather than the generic blue/purple "AI" look,
  charcoal keeps it serious for SMB decision-makers.
*/

:root{
  /* ---- Primitives: Warm neutral (ink / structure) ---- */
  --warm-50:#faf8f3;
  --warm-100:#f0ebdf;
  --warm-200:#e2ddd0;
  --warm-600:#6b6558;
  --warm-900:#1a1a17;

  /* ---- Primitives: Gold (brand accent) ---- */
  --gold-100-tint:#f4c766;
  --gold-400:#e8a838;
  --gold-500:#c4841f;

  /* ---- Primitives: Neutral (paper / surfaces) ---- */
  --neutral-0:#fffdf9;
  --neutral-contact-copy:#d9d2bd;
  --neutral-contact-soft:#e4ddc9;

  /* ---- Semantic tokens (what components use) ---- */
  --bg:var(--warm-50);
  --bg-soft:var(--warm-100);
  --bg-deep:var(--warm-900);
  --ink:var(--warm-900);
  --ink-soft:var(--warm-600);
  --line:var(--warm-200);

  --accent:var(--gold-400);
  --accent-deep:var(--gold-500);
  --accent-tint:var(--gold-100-tint);

  --paper:var(--neutral-0);

  /* ---- Elevation (tinted to --ink: rgb(26,26,23)) ---- */
  --shadow:0 22px 50px -28px rgba(26,26,23,.38);
  --shadow-sm:0 10px 24px -16px rgba(26,26,23,.28);

  /* ---- Shape ---- */
  --r:18px;
}