:root {
  --c-bg: #0F0F0F;
  --c-bg-2: #161616;
  --c-bg-3: #1E1D1B;
  --c-fg: #F2EFEA;
  --c-fg-2: #B9B2A8;
  --c-fg-3: #7E776F;
  --c-forge: #E8590C;
  --c-forge-2: #FF7A2E;
  --c-line: rgba(242, 239, 234, .12);
  --c-line-2: rgba(242, 239, 234, .06);

  --f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "JetBrains Mono", Menlo, Consolas, monospace;

  --t-xs: .75rem;
  --t-s: clamp(.9rem, .85rem + .2vw, 1rem);
  --t-m: clamp(1.05rem, 1rem + .35vw, 1.25rem);
  --t-l: clamp(1.4rem, 1.15rem + 1vw, 2rem);
  --t-xl: clamp(1.9rem, 1.3rem + 2.4vw, 3.4rem);
  --t-xxl: clamp(2.4rem, 1.6rem + 4vw, 5.4rem);

  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --max: 1400px;
  --sec: clamp(4.5rem, 9vw, 9rem);
  --radius: 4px;

  --e-out: cubic-bezier(.2, 1, .2, 1);
  --e-io: cubic-bezier(.8, 0, .2, 1);
}