/* ============================================
   TOKENS.CSS — MASTER THEME SWITCHER
   Change this file only to switch full site theme
   ============================================ */

:root {
  /* ACCENT — main brand color */
  --accent:        #FF6B2B;
  --accent-light:  #FF8C55;
  --accent-dark:   #E04A00;

  /* BACKGROUNDS */
  --bg:            #0A0A0A;
  --bg-section:    #111111;
  --bg-card:       #161616;
  --bg-dark:       #000000;

  /* TEXT */
  --text-primary:  #FFFFFF;
  --text-secondary:#A0A0A0;
  --text-muted:    #555555;

  /* BORDERS */
  --border:        rgba(255,255,255,0.08);
  --border-accent: rgba(255,107,43,0.3);

  /* TYPOGRAPHY */
  --font-display:  'Barlow Condensed', sans-serif;
  --font-body:     'DM Sans', sans-serif;

  /* SPACING */
  --section-pad:   5rem 1.5rem;
  --card-pad:      1.75rem;
  --radius:        0.75rem;
  --radius-pill:   9999px;

  /* SHADOWS */
  --shadow-accent: 0 0 40px rgba(255,107,43,0.15);
  --shadow-card:   0 4px 24px rgba(0,0,0,0.4);
}

/* ============================================
   THEME PRESETS — swap :root above with one of these

   GYM (Red):
   --accent: #EF3340; --accent-light: #FF5A65; --accent-dark: #C0001A;
   --font-display: 'Black Han Sans', sans-serif;

   REAL ESTATE (Gold):
   --accent: #C9A84C; --accent-light: #E2C06A; --accent-dark: #A07A20;
   --bg: #F9F7F3; --bg-section: #FFFFFF; --bg-card: #F2EFE8;
   --text-primary: #1A1A1A; --text-secondary: #5A5A5A;
   --font-display: 'Playfair Display', serif;

   MEDICAL (Teal):
   --accent: #00B4A6; --accent-light: #00D4C4; --accent-dark: #008C82;
   --bg: #F4FAFA; --bg-section: #FFFFFF; --bg-card: #EAF6F5;
   --text-primary: #0D2B2A; --text-secondary: #4A7070;
   --font-display: 'Plus Jakarta Sans', sans-serif;

   LAW (Amber):
   --accent: #D4A017; --accent-light: #EBB92D; --accent-dark: #A87800;
   --bg: #0C0C0A; --bg-section: #131310; --bg-card: #1A1A14;
   --font-display: 'Cormorant Garamond', serif;

   AGENCY (Lime):
   --accent: #AAFF00; --accent-light: #CCFF55; --accent-dark: #88CC00;
   --font-display: 'Syne', sans-serif;
   ============================================ */