:root {

  /* ============================
     COLORS
  ============================ */
  
--color-bg-primary:#ffffff;
--color-bg-secondary:#f5f5f5; 

--color-text-primary:#000000; /* main text */
--color-text-secondary:rgba(0,0,0,0.85);
--color-text-muted:rgba(0,0,0,0.65);
--color-text-timeline:rgba(0,0,0,0.35);

--color-accent:#ff5623;

--color-bg-loader: #ede9e4;
  
  /* ============================
     TYPOGRAPHY
  ============================ */
  
  --font-heading:"Michroma",sans-serif;
  --font-body:"Segoe UI",system-ui,sans-serif;
  
  
  /* ============================
     FONT SCALE
  ============================ */
  
  --text-xs:0.75rem;
  --text-sm:0.9rem;
  --text-base:1rem;
  --text-lg:1.2rem;
  --text-xl:1.6rem;
  --text-2xl:2rem;
  
  
  /* ============================
     CONTAINER WIDTHS
  ============================ */
  
  --container-narrow:768px;
  --container-default:1024px;
  --container-wide:1536px;
  --max-width:2560px;
  
  /* ============================
     SPACING SCALE
  ============================ */
  
  --space-xs:1rem;
  --space-sm:1.5rem;
  --space-md:3rem;
  --space-lg:6rem;
  --space-xl:10rem;
  --space-xxl:12rem;
  
  --section-padding:var(--space-lg);
  
  
  /* ============================
     TRANSITIONS
  ============================ */
  
  --transition-fast:0.3s ease;
  --transition-slow:0.6s ease;
  
  }