:root {
  --lqv3-cream:        #F8F5EF;
  --lqv3-cream-soft:   #EFEAE0;
  --lqv3-cream-dim:    #E5DECF;

  --lqv3-charcoal:     #1A1612;
  --lqv3-charcoal-2:   #2A241E;
  --lqv3-night:        #0F0E0C;
  --lqv3-night-2:      #18150F;

  --lqv3-copper:       #C75F26;
  --lqv3-copper-deep:  #A14A18;
  --lqv3-copper-soft:  #E08855;

  --lqv3-petrol:       #1B3A37;
  --lqv3-petrol-soft:  #2D5854;

  --lqv3-border:       #D9D2C5;
  --lqv3-border-dark:  #3A332A;
  --lqv3-muted:        #6E6557;
  --lqv3-muted-dark:   #8A8175;

  --lqv3-success:      #2D6A4F;
  --lqv3-warning:      #B97A2E;

  --lqv3-text:         var(--lqv3-charcoal);
  --lqv3-text-dim:     #4B4239;
  --lqv3-text-mute:    var(--lqv3-muted);
  --lqv3-text-onnight: var(--lqv3-cream-soft);
  --lqv3-text-onnight-dim: #BDB3A1;

  --lqv3-bg:           var(--lqv3-cream);
  --lqv3-bg-elevated:  #FFFFFF;
  --lqv3-bg-soft:      var(--lqv3-cream-soft);

  --lqv3-font-serif:   "Fraunces", "Source Serif Pro", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --lqv3-font-sans:    "Manrope", "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --lqv3-font-mono:    "JetBrains Mono", "SF Mono", "Roboto Mono", "Menlo", monospace;

  --lqv3-fs-1:    clamp(14px, 1.5vw, 15px);
  --lqv3-fs-2:    clamp(15px, 1.6vw, 17px);
  --lqv3-fs-3:    clamp(17px, 1.8vw, 19px);
  --lqv3-fs-4:    clamp(20px, 2.2vw, 24px);
  --lqv3-fs-5:    clamp(24px, 3vw, 32px);
  --lqv3-fs-6:    clamp(30px, 4vw, 44px);
  --lqv3-fs-7:    clamp(38px, 5.5vw, 64px);

  --lqv3-lh-tight: 1.1;
  --lqv3-lh-snug:  1.25;
  --lqv3-lh-base:  1.5;
  --lqv3-lh-loose: 1.65;

  --lqv3-sp-1:  4px;
  --lqv3-sp-2:  8px;
  --lqv3-sp-3:  12px;
  --lqv3-sp-4:  16px;
  --lqv3-sp-5:  24px;
  --lqv3-sp-6:  32px;
  --lqv3-sp-7:  48px;
  --lqv3-sp-8:  64px;
  --lqv3-sp-9:  96px;

  --lqv3-radius-1: 4px;
  --lqv3-radius-2: 8px;
  --lqv3-radius-3: 14px;
  --lqv3-radius-4: 20px;
  --lqv3-radius-pill: 999px;

  --lqv3-shadow-sm:  0 1px 2px rgba(26, 22, 18, 0.06);
  --lqv3-shadow-md:  0 4px 16px rgba(26, 22, 18, 0.08);
  --lqv3-shadow-lg:  0 16px 40px rgba(26, 22, 18, 0.12);
  --lqv3-shadow-hero: 0 30px 80px rgba(15, 14, 12, 0.45);

  --lqv3-container:        1180px;
  --lqv3-container-narrow: 760px;

  --lqv3-transition: 200ms cubic-bezier(.4, 0, .2, 1);
}