/* ═══════════════════════════════════════════════════════════
   TAC DESIGN SYSTEM — CSS VARIABLES
   Source of truth for all colour, spacing, typography tokens.
   Referenced by all templates via var(--name).
═══════════════════════════════════════════════════════════ */
:root {
  /* Gold palette */
  --gold:         #B8860B;
  --gold-l:       #FAF5E4;
  --gold-b:       rgba(184,134,11,.15);
  --gold-dim:     #8B6508;
  --gold-bright:  #D4AF37;

  /* WhatsApp */
  --wa:           #25D366;
  --wa-dark:      #1DA851;

  /* Status */
  --price:        #16A34A;
  --sold:         #DC2626;
  --sold-bg:      #FEF2F2;

  /* Discount — temple lacquer maroon (Option B), pairs with gold */
  --discount:        #6B1F2B;
  --discount-soft:   #8C2C3C;
  --discount-strike: #8B8275;

  /* Text */
  --t1:           #1C1917;
  --t2:           #57534E;
  --t3:           #A8A29E;

  /* Backgrounds */
  --bg0:          #FFFFFF;
  --bg1:          #FAFAF9;
  --bg2:          #F5F5F4;
  --bg3:          #EFEDE8;

  /* Borders */
  --br:           rgba(28,25,23,.09);
  --br-md:        rgba(28,25,23,.16);

  /* Radius */
  --r:            8px;
  --r-lg:         14px;
  --r-xl:         20px;

  /* Typography */
  --font-d:       "Gloock", Georgia, serif;
  --font-b:       "Instrument Sans", system-ui, sans-serif;
  --font-i:       "Lora", Georgia, serif;

  /* Shadows */
  --shadow-sm:    0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:    0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --shadow-card:  0 2px 8px rgba(0,0,0,.06);

  /* Layout */
  --max-w:        1320px;
  --sidebar-w:    256px;

  /* ── Aliases (homepage templates use longer names) ── */
  --gold-light:   var(--gold-l);
  --gold-border:  var(--gold-b);
  --font-display: var(--font-d);
  --font-body:    var(--font-b);
  --font-italic:  var(--font-i);
  --text-1:       var(--t1);
  --text-2:       var(--t2);
  --text-3:       var(--t3);
  --bg-0:         var(--bg0);
  --bg-1:         var(--bg1);
  --bg-2:         var(--bg2);
  --border:       var(--br);
  --border-md:    var(--br-md);
}