/* =============================================================
   spnsr Design Tokens — v1.0
   Source: Approved homepage mockup (April 2026)
   ALL public templates import this file first.
   Sneat dashboard templates do NOT import this file.
   ============================================================= */

:root {

  /* -----------------------------------------------------------
     BRAND COLORS
     ----------------------------------------------------------- */

  --spnsr-navy:           #1a2e4a;
  --spnsr-navy-dark:      #0f1e33;
  --spnsr-navy-light:     #253d5e;

  --spnsr-coral:          #e8622a;
  --spnsr-coral-dark:     #c94f1e;
  --spnsr-coral-light:    #f0865a;
  --spnsr-coral-bg:       #fdf0ea;

  --spnsr-teal:           #0d9e8e;
  --spnsr-teal-dark:      #0a8070;
  --spnsr-teal-light:     #3db8aa;
  --spnsr-teal-bg:        #e6f7f5;

  /* -----------------------------------------------------------
     NEUTRAL PALETTE
     ----------------------------------------------------------- */

  --spnsr-white:          #ffffff;
  --spnsr-bg-page:        #eef1f5;
  --spnsr-bg-card:        #ffffff;
  --spnsr-bg-subtle:      #f8f9fb;

  --spnsr-border:         #e2e8f0;
  --spnsr-border-dark:    #cbd5e1;

  /* -----------------------------------------------------------
     TEXT COLORS
     ----------------------------------------------------------- */

  --spnsr-text-primary:   #1a2e4a;
  --spnsr-text-body:      #374151;
  --spnsr-text-muted:     #6b7280;
  --spnsr-text-light:     #9ca3af;
  --spnsr-text-inverse:   #ffffff;

  /* -----------------------------------------------------------
     CATEGORY BADGE COLORS
     ----------------------------------------------------------- */

  --badge-digital-bg:     #dbeafe;
  --badge-digital-text:   #1d4ed8;

  --badge-civic-bg:       #d1ece8;
  --badge-civic-text:     #0f5c4e;

  --badge-conference-bg:  #d1ece8;
  --badge-conference-text:#0f5c4e;

  --badge-hybrid-bg:      #ede9fe;
  --badge-hybrid-text:    #5b21b6;

  --badge-physical-bg:    #d1fae5;
  --badge-physical-text:  #065f46;

  /* -----------------------------------------------------------
     LISTING MODE COLORS
     ----------------------------------------------------------- */

  --mode-buynow-bg:       #e8622a;
  --mode-buynow-text:     #ffffff;

  --mode-auction-bg:      #fef3c7;
  --mode-auction-text:    #92400e;
  --mode-auction-border:  #fde68a;

  --mode-inquire-bg:      #ffffff;
  --mode-inquire-text:    #374151;
  --mode-inquire-border:  #e2e8f0;

  --mode-offer-bg:        #eef1f5;
  --mode-offer-text:      #1a2e4a;
  --mode-offer-border:    #cbd5e1;

  /* -----------------------------------------------------------
     SHADOWS
     ----------------------------------------------------------- */

  --shadow-card:    0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-filter-bar: 0 2px 8px rgba(0,0,0,0.07);
  --shadow-nav:     0 1px 3px rgba(0,0,0,0.06);

  /* -----------------------------------------------------------
     BORDER RADIUS
     ----------------------------------------------------------- */

  --radius-pill:    9999px;
  --radius-card:    12px;
  --radius-input:   8px;
  --radius-sm:      6px;

  /* -----------------------------------------------------------
     TYPOGRAPHY
     ----------------------------------------------------------- */

  --font-sans:      'Inter', system-ui, -apple-system, sans-serif;

  --fw-regular:     400;
  --fw-medium:      500;
  --fw-semibold:    600;
  --fw-bold:        700;
  --fw-extrabold:   800;

  --fs-hero:        3.25rem;
  --fs-hero-accent: 3.25rem;
  --fs-subheading:  1.0625rem;
  --fs-section:     1.75rem;
  --fs-card-title:  1.125rem;
  --fs-card-body:   0.875rem;
  --fs-card-meta:   0.8125rem;
  --fs-badge:       0.75rem;
  --fs-nav:         0.9375rem;
  --fs-filter:      0.875rem;

  --lh-tight:       1.2;
  --lh-snug:        1.4;
  --lh-normal:      1.6;

  /* -----------------------------------------------------------
     SPACING SCALE
     ----------------------------------------------------------- */

  --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;
  --space-16:  64px;
  --space-20:  80px;

  /* -----------------------------------------------------------
     COMPONENT DIMENSIONS
     ----------------------------------------------------------- */

  --nav-height:         72px;
  --filter-bar-height:  64px;
  --card-image-height:  185px;
  --card-padding:       20px;
  --card-gap:           20px;
  --container-max:      1280px;
  --sidebar-width:      260px;

  /* -----------------------------------------------------------
     WHITE LABEL OVERRIDES
     ----------------------------------------------------------- */

  --wl-primary:         var(--spnsr-coral);
  --wl-secondary:       var(--spnsr-navy);
  --wl-accent:          var(--spnsr-teal);
  --wl-bg:              var(--spnsr-bg-page);
  --wl-text:            var(--spnsr-text-primary);

}