/* =============================================================
   Promoteam Design System — Design Tokens
   Pixel-sampled from PNG references 2026-05-24
   ============================================================= */

:root {
  /* ── Brand colors ─────────────────────────────────────────── */
  --color-primary:           #205b3b;   /* Dark Forest Green — topbar, headers (pixel-sampled) */
  --color-primary-mid:       #588164;   /* Secondary Green — card accents (pixel-sampled) */
  --color-cream:             #f9efdc;   /* Cream — card backgrounds (pixel-sampled) */
  --color-cream-alt:         #e9dcca;   /* Light Beige — page background (pixel-sampled) */
  --color-light-blue:        #cce0ea;   /* Pattens Blue — palette secondary (pixel-sampled) */
  --color-just-right:        #f9cfdc;   /* Warm Pink Beige — palette supporting (visual estimate) */
  --color-accent-purple:     #6055ce;   /* Purple Heart — canonical purple (pixel-sampled from colors.png) */
  --color-accent-purple-mid: #6454d2;   /* Indigo Purple — metric pill labels (pixel-sampled) */
  --color-accent-blue:       #5555D9;   /* Indigo Blue — accent, wave (visual estimate) */

  /* ── Status colors ────────────────────────────────────────── */
  --color-status-hot:        #ff3ba7;   /* Magenta "HOT ITEM" */
  --color-status-active:     #205b3b;   /* Active/in-progress */
  --color-status-pending:    #6454d2;   /* Pending/waiting */
  --color-status-sent:       #588164;   /* Sent/submitted */
  --color-status-closed:     #9ca3af;   /* Closed/muted */
  --color-status-new:        #5555D9;   /* New inquiry */
  --color-status-approved:   #205b3b;   /* Approved/completed */

  /* ── Semantic aliases ─────────────────────────────────────── */
  --bg-page:    var(--color-cream-alt);
  --bg-header:  var(--color-primary);
  --bg-card:    var(--color-cream);
  --text-dark:  var(--color-primary);
  --text-light: var(--color-cream);
  --text-muted: #5a7a6a;

  /* ── Typography ───────────────────────────────────────────── */
  --font-primary:       'Noto Sans Hebrew', Arial, sans-serif;
  --font-size-xs:       11px;
  --font-size-sm:       13px;
  --font-size-base:     15px;
  --font-size-md:       17px;
  --font-size-lg:       22px;
  --font-size-xl:       28px;
  --font-size-2xl:      36px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi:   600;
  --font-weight-bold:   700;
  --line-height-body:   1.6;

  /* ── Spacing ──────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ── Border radius ────────────────────────────────────────── */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* ── Shadows ──────────────────────────────────────────────── */
  --shadow-card:    0 2px 12px rgba(32, 91, 59, 0.10);
  --shadow-card-lg: 0 4px 24px rgba(32, 91, 59, 0.15);

  /* ── Layout ───────────────────────────────────────────────── */
  --topbar-height:  64px;
  --content-max-w:  1200px;

  /* ── Z-index scale ────────────────────────────────────────── */
  --z-base:    10;
  --z-overlay: 20;
  --z-modal:   30;
  --z-topbar:  50;
}