:root {

  --paper:   #F6F5F2;
  --paper-2: #EDECE8;

  --deep:    #120E0B;
  --deep-2:  #1A1512;

  --ink:     #100E0A;
  --ivory:   #F4EFE3;

  --accent:    #FF4326;
  --accent-2:  #FF5F45;
  --accent-hi: #FF4326;
  --accent-tx: #AA2614;

  --line:    rgba(11, 10, 8, 0.12);
  --line-2:  rgba(11, 10, 8, 0.2);
  --line-d:  rgba(244, 239, 227, 0.14);
  --line-d2: rgba(244, 239, 227, 0.26);

  --ink-60:  rgba(16, 14, 10, 0.7);
  --ink-45:  rgba(16, 14, 10, 0.62);
  --iv-55:   rgba(244, 239, 227, 0.6);
  --iv-40:   rgba(244, 239, 227, 0.52);

  --chartvps-ground:    #04151E;
  --chartvps-key:       #D91515;
  --labelcaster-ground: #FFD600;
  --labelcaster-key:    #294456;
  --eagl-ground:        #282828;
  --eagl-key:           #FFC000;
  --tpnl-ground:        #F0F0E0;
  --tpnl-key:           #B0C860;

  --display: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --sans:    "Geist", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono:    "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --t-mega:  clamp(2.75rem, 1.1rem + 6.9vw, 6.66rem);
  --t-big:   clamp(2.1rem, 1.1rem + 4.2vw, 4.25rem);
  --t-mid:   clamp(1.6rem, 1.1rem + 2.2vw, 2.75rem);
  --t-sub:   clamp(1.125rem, 0.98rem + 0.62vw, 1.375rem);
  --t-lede:  clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --t-body:  0.9375rem;
  --t-fine:  0.8125rem;
  --t-mono:  0.8125rem;

  --lh-mega: 0.92;
  --lh-lede: 1.65;

  --ls-mega: -0.035em;
  --ls-mono: 0.01em;

  --s-1: 0.25rem; --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;    --s-7: 3rem;    --s-8: 4rem;
  --s-9: 5.5rem;  --s-10: 7.5rem;

  --band: clamp(3.5rem, 2.2rem + 4.4vw, 6.5rem);

  --container: 1320px;
  --pad:   clamp(1rem, 0.4rem + 2.2vw, 2.5rem);
  --gap:   clamp(0.875rem, 0.4rem + 1.3vw, 1.5rem);

  --r: 0;

  --ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --fast: 140ms;  --base: 260ms;  --slow: 600ms;

  --z-nav: 60; --z-menu: 70;
}
