@font-face {
  font-family: 'DenimInkLight';
  src:
    url('../fonts/DenimINK-Light.woff2') format('woff2'),
    url('../fonts/DenimINK-Light.woff') format('woff'),
    local('DenimInkLight'),
    local('Denim Ink Light');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkLight';
  src:
    local('DenimInkLight'),
    local('Denim Ink Light'),
    url('../fonts/DenimINK-Light.woff2') format('woff2'),
    url('../fonts/DenimINK-Light.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkLight';
  src:
    url('../fonts/DenimINK-Light.woff2') format('woff2'),
    url('../fonts/DenimINK-Light.woff') format('woff'),
    local('DenimInkLight'),
    local('Denim Ink Light');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkLight';
  src:
    url('../fonts/DenimINK-LightItalic.woff2') format('woff2'),
    url('../fonts/DenimINK-LightItalic.woff') format('woff'),
    local('DenimInkLight Italic'),
    local('Denim Ink Light Italic');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkLight';
  src:
    url('../fonts/DenimINK-LightItalic.woff2') format('woff2'),
    url('../fonts/DenimINK-LightItalic.woff') format('woff'),
    local('DenimInkLight Italic'),
    local('Denim Ink Light Italic');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkLight';
  src:
    url('../fonts/DenimINK-LightItalic.woff2') format('woff2'),
    url('../fonts/DenimINK-LightItalic.woff') format('woff'),
    local('DenimInkLight Italic'),
    local('Denim Ink Light Italic');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkLight';
  src:
    url('../fonts/DenimINK-LightItalic.woff2') format('woff2'),
    url('../fonts/DenimINK-LightItalic.woff') format('woff'),
    local('DenimInkBold Italic'),
    local('Denim Ink Bold Italic');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkRegular';
  src:
    url('../fonts/DenimINK-Regular.woff2') format('woff2'),
    url('../fonts/DenimINK-Regular.woff') format('woff'),
    local('DenimInkRegular'),
    local('Denim Ink Regular');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkRegular';
  src:
    url('../fonts/DenimINK-RegularItalic.woff2') format('woff2'),
    url('../fonts/DenimINK-RegularItalic.woff') format('woff'),
    local('DenimInkRegular Italic'),
    local('Denim Ink Regular Italic');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkRegular';
  src:
    url('../fonts/DenimINK-Bold.woff2') format('woff2'),
    url('../fonts/DenimINK-Bold.woff') format('woff'),
    local('DenimInkBold'),
    local('Denim Ink Bold');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkRegular';
  src:
    url('../fonts/DenimINK-BoldItalic.woff2') format('woff2'),
    url('../fonts/DenimINK-BoldItalic.woff') format('woff'),
    local('DenimInkBold Italic'),
    local('Denim Ink Bold Italic');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkBold';
  src:
    url('../fonts/DenimINK-Bold.woff2') format('woff2'),
    url('../fonts/DenimINK-Bold.woff') format('woff'),
    local('DenimInkBold'),
    local('Denim Ink Bold');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'DenimInkBold';
  src:
    url('../fonts/DenimINK-BoldItalic.woff2') format('woff2'),
    url('../fonts/DenimINK-BoldItalic.woff') format('woff'),
    local('DenimInkBold Italic'),
    local('Denim Ink Bold Italic');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

:root {
  --content-max-width: 1400px;
  --font-denim-light:
    'DenimInkLight', 'Space Grotesk', 'Segoe UI', Roboto, Helvetica, Arial,
    sans-serif;
  --font-denim-regular:
    'DenimInkRegular', 'Space Grotesk', 'Segoe UI', Roboto, Helvetica, Arial,
    sans-serif;
  --font-ui: 'Space Grotesk', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --bg: #ffffff;
  --bg-2: #ffffff;
  --ink: #1f0920;
  --muted: #2a112a;
  --accent: #2f7d5f;

  --card-text: rgb(46, 0, 21);
  --card-bg-1: #89f200;
  --card-bg-2: #2e0015;
  --card-bg-3: #e6fcbf;
  --card-bg-4: #dac7f5;

  --card-width-desktop: 688px;
  --card-radius-desktop: 0 44px 0 44px;
  --card-radius-mobile: 0 30px 0 30px;
  --stack-card-height: 500px;
  --stack-step: 120px;
  --stack-count: 4;
  --stack-wrap-min-height: 860px;

  --copy-rule-size: 1px;
  --copy-rule-gap: 28px;
}