/* ============================================
   EGR Capital Co — Design Tokens
   ============================================ */

:root {
  /* Brand Colors */
  --color-bg:          #F5F1E8;
  --color-bg-alt:      #FBF8F1;
  --color-green:       #123524;
  --color-green-dark:  #0B2318;
  --color-green-light: #1A4B33;
  --color-text:        #1A1D1A;
  --color-text-muted:  #4A4E4A;
  --color-text-faint:  #8A8E8A;
  --color-gold:        #B89B5C;
  --color-gold-light:  #C9B07A;
  --color-gold-dark:   #9A8040;
  --color-divider:     #D8CCB4;
  --color-white:       #FFFFFF;
  --color-black:       #0E110E;

  /* Surfaces */
  --color-card:        #FFFFFF;
  --color-footer-bg:   #1A1D1A;

  /* Type Scale — fluid */
  --text-xs:    clamp(0.75rem,  0.70rem + 0.25vw, 0.875rem);
  --text-sm:    clamp(0.875rem, 0.82rem + 0.28vw, 1rem);
  --text-base:  clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --text-lg:    clamp(1.125rem, 1rem    + 0.6vw,  1.375rem);
  --text-xl:    clamp(1.375rem, 1.1rem  + 1.1vw,  2rem);
  --text-2xl:   clamp(2rem,     1.4rem  + 2vw,    3.25rem);
  --text-3xl:   clamp(2.75rem,  1.5rem  + 3.5vw,  5rem);
  --text-hero:  clamp(3.25rem,  1.5rem  + 5.5vw,  6.5rem);

  /* Spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* Fonts */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* Layout */
  --max-w:        1200px;
  --max-w-narrow: 760px;
  --radius-sm:    2px;
  --radius:       3px;

  /* Transitions */
  --transition: 200ms ease;
}