/* 
  tokens.css
  Fuente única de verdad para laUI definida en design-system/tokens.md
*/

:root {
  /* Colors - Text */
  --text-primary: #1E3322;
  --text-secondary: #6B7B6B;
  --text-emphasis: #2D6B3F;

  /* Colors - Backgrounds & Structure */
  --bg-white: #FFFFFF;
  --divider: #F4F5F5;

  /* Colors - Accents (Dot Colors) */
  --dot-green: #2D6B3F;
  --dot-stone: #808A80;
  --dot-sand: #C8C0AD;
  --dot-coral: #E85D45;
  --dot-gold: #D4A020;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;

  /* Typography Families */
  --font-display: 'Newsreader', serif;
  --font-body: 'Inter', sans-serif;
  
  /* Layout */
  --container-max-width: 1440px;
  --container-content-width: 1280px;
}