:root {
  --ss-black:#0C0B0A;
  --ss-dark:#141414;
  --ss-dark-2:#1E1B18;

  --ss-cream:#F6F2EA;
  --ss-orange:#FC8C0D;
  --ss-orange-hover:#FFA033;

  --ss-text:#4A443C;
  --ss-secondary:#C9C1B6;
  --ss-muted:#8F8880;

  --ss-border:#3A3530;

  --ss-light:#FAF8F4;
  --ss-light-2:#F2EEE7;

  --ss-font-display:'Onest',Arial,sans-serif;
  --ss-font-body:'GolosText',Arial,sans-serif;

  --ss-weight-medium:500;
  --ss-weight-semibold:600;
  --ss-weight-bold:700;
  --ss-weight-extrabold:800;

  --ss-radius-sm:6px;
  --ss-radius-md:8px;
  --ss-radius-lg:12px;

  --ss-ease:cubic-bezier(.2,.7,.2,1);
  --ss-ease-heavy:cubic-bezier(.16,1,.3,1);

  --ss-container:1792px;
  --ss-padding:64px;
}

*,
*::before,
*::after {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

:focus-visible {
  outline:2px solid var(--ss-orange);
  outline-offset:3px;
}