/* ============================================================
   Bring Joy 2026 — Design tokens
   Paleta din docs/design-brief.md, aplicată pe sistemul compact
   cu borduri și umbre „hard” din doneaza-sn-ro (Something New DS).
   Vișiniul este culoarea de contur și de cerneală, auriul accentul,
   cremul fundalul dominant.
   ============================================================ */

:root {
  /* ── Brand (design brief §2) ── */
  --bj-burgundy-deep: #5d0404;
  --bj-burgundy:      #6f171f;
  --bj-brick:         #992929;
  --bj-cream:         #f8f9f0;
  --bj-gold:          #dfad3c;
  --bj-gold-light:    #eed189;
  --bj-olive:         #656b37;
  --bj-red-logo:      #f43232; /* DOAR wordmark „Bring” */
  --bj-ink:           #1a1a1a;
  --bj-teal:          #0a4b52;
  --sn-yellow:        #fdca00;

  /* ── Derivate (fundaluri și nuanțe) ── */
  --bj-bone:          #fdfbf3; /* fundalul paginii */
  --bj-surface:       #fffdf7; /* carduri */
  --bj-gold-wash:     #fbf1d6; /* evidențieri discrete */
  --bj-gold-soft:     #f6e4b3;
  --bj-gold-hover:    #e9bb52;
  --bj-gold-press:    #cf9d2e;
  --bj-ink-2:         #3a3a3a;
  --bj-ink-3:         #6b6b6b;
  --bj-danger:        #b94040;
  --bj-danger-wash:   #fdf2f2;
  --bj-success:       #4a6b3a;

  /* ── Semantic ── */
  --bj-bg:            var(--bj-bone);
  --bj-fg-1:          var(--bj-ink);
  --bj-fg-2:          var(--bj-ink-2);
  --bj-fg-3:          var(--bj-ink-3);
  --bj-border:        var(--bj-burgundy-deep);
  --bj-border-w:      2px;
  --bj-shadow-color:  var(--bj-burgundy-deep);
  --bj-shadow-hard:    4px 4px 0 var(--bj-shadow-color);
  --bj-shadow-hard-sm: 2px 2px 0 var(--bj-shadow-color);

  /* ── Tipografie ── */
  --font-display: "Anton", "Bebas Neue", Impact, sans-serif;
  --font-body:    "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script:  "Alex Brush", cursive;

  /* ── Spațiere (grilă 4pt) ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* ── Raze ── */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-pill: 999px;

  /* ── Lățimi ── */
  --container: 1040px;
  --text-col:  680px;

  /* ── Mișcare ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 700ms;
}