:root {
  
  --color-paper:      oklch(98% 0.006 269);
  --color-paper-2:    oklch(95% 0.012 269);
  --color-paper-3:    oklch(92% 0.016 269);
  --color-ink:        oklch(20% 0.014 269);
  --color-ink-2:      oklch(38% 0.012 269);
  --color-rule:       oklch(88% 0.012 269);
  --color-rule-2:     oklch(93% 0.010 269);
  --color-muted:      oklch(46% 0.020 215);   
  --color-neutral:    oklch(56% 0.016 215);
  --color-accent:     oklch(40% 0.26 269);    
  --color-accent-ink: oklch(97% 0.006 269);
  --color-focus:      oklch(50% 0.24 269);

  
  --font-display: "Kumbh Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Kumbh Sans", ui-sans-serif, system-ui, sans-serif;

  --text-xs:   0.7rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-3xl:  3.0518rem;
  --text-display:   clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-display-s: clamp(2.1rem, 3.2vw + 1rem, 3.4rem);

  
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  
  --rule-hair: 1px;
  --radius-sm: 2px;
  --radius-md: 4px;

  
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  480ms;

  --page-gutter: clamp(1.25rem, 4vw, 3.5rem);

  
  --header-h: 4.5rem;

  
  --z-sticky-nav: 100;
  --z-sticky: 90;

  
  --icon-plus:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'/%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z'/%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'/%3E%3C/svg%3E");
}