/* ============================================================
   PSOTS Design Tokens — v1.0
   Single source of truth. Never hardcode values elsewhere.
   ============================================================ */
:root {
  /* Brand */
  --jade:         #1a4a3a;
  --jade-light:   #2d6b54;
  --jade-pale:    rgba(26,74,58,0.07);
  --gold:         #b8882a;
  --gold-light:   #d4a84b;
  --gold-pale:    #f0d898;

  /* Neutrals */
  --ink:          #1a1208;
  --ink-soft:     #3d2f1e;
  --muted:        #8a7a6a;
  --border:       rgba(160,130,90,0.22);
  --cream:        #faf6f0;
  --cream-dark:   #f0e8d8;
  --white:        #ffffff;

  /* Status */
  --green:        #16a34a;
  --green-bg:     #f0fdf4;
  --green-border: #bbf7d0;
  --red:          #c0392b;
  --red-bg:       #fef2f2;
  --red-border:   #fecaca;
  --amber:        #92400e;
  --amber-bg:     #fef9ec;
  --amber-border: #fde68a;
  --blue:         #1d6fa4;
  --blue-bg:      #eff6ff;
  --blue-border:  #bfdbfe;
  --telegram:     #229ED9;
  --blue-tick:    #1d9bf0;

  /* Typography */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans:  'Nunito Sans', system-ui, sans-serif;

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

  /* Radius */
  --r-sm: 8px; --r-md: 11px; --r-lg: 14px;
  --r-xl: 20px; --r-full: 9999px;

  /* Shadows */
  --shadow-card: 0 8px 40px rgba(26,18,8,0.08);
  --shadow-sm:   0 2px 10px rgba(0,0,0,0.06);
  --shadow-lg:   0 16px 48px rgba(0,0,0,0.15);

  /* Transitions */
  --t-fast: all 0.15s ease;
  --t-base: all 0.2s ease;
  --t-slow: all 0.3s ease;

  /* Z-index */
  --z-bar: 300; --z-nav: 200; --z-modal: 500; --z-toast: 999;
}