/*
 * variables.css
 * Design tokens for ShowPigBreeders.com
 * Edit these to change the site's entire color scheme and typography
 */

:root {
  /* Colors */
  --color-gold:         #D4820A;
  --color-gold-light:   #FFD070;
  --color-gold-dark:    #8B4A00;
  --color-gold-muted:   rgba(212, 130, 10, 0.12);
  --color-gold-border:  rgba(212, 130, 10, 0.35);

  --color-bg:           #0e0a02;
  --color-bg-raised:    #0a0700;
  --color-bg-card:      #130b02;

  --color-border:       #2a1a04;
  --color-border-md:    #3a2008;
  --color-border-lg:    #5a3010;

  --color-text:         #e8d5a0;
  --color-text-2:       #c89040;
  --color-text-3:       #8B6020;
  --color-text-4:       #5a4020;
  --color-text-muted:   #3a2808;

  /* Typography */
  --font-display:  'Rye', serif;
  --font-serif:    'Playfair Display', serif;
  --font-body:     'Barlow Condensed', sans-serif;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;

  /* Border Radius */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Transitions */
  --transition: 0.2s ease;

  /* Max Width */
  --max-width: 1200px;
}