/* ======================================== */
/* Roboto (Proxima Nova alternative) */
/* ======================================== */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype'),
      url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  font-weight: 100;
  font-display: auto;
  src: url('../fonts/roboto/Roboto-Thin-100.ttf') format('truetype'),
      url('../fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
}

/* roboto-200 - latin */
@font-face {
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  font-weight: 200;
  font-display: auto;
  src: url('../fonts/roboto/Roboto-200.ttf') format('truetype'),
      url('../fonts/roboto/Roboto-200-Italic.ttf') format('truetype');
}

/* roboto-600 - latin */
@font-face {
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  font-display: auto;
  src: url('../fonts/roboto/Roboto-600.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-600-Italic.ttf') format('truetype');
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: url('../fonts/roboto/Roboto-700.ttf') format('truetype'),
       url('../fonts/roboto/Roboto-700-Italic.ttf') format('truetype');
}

/* roboto-800 - latin */
@font-face {
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src: url('../fonts/roboto/Roboto-800.ttf') format('truetype'),
       url('../fonts/roboto/Roboto-800-Italic.ttf') format('truetype');
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url('../fonts/roboto/Roboto-900.ttf') format('truetype'),
       url('../fonts/roboto/Roboto-900-Italic.ttf') format('truetype');
}


/* ======================================== */
/* Font Variables */
/* ======================================== */

:root {
  --font-roboto: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Default font */
  --font-family-base: var(--font-roboto);
}

/* ======================================== */
/* Helper Classes (matching old Typekit classes) */
/* ======================================== */

.tk-proxima-nova {
  font-family: var(--font-roboto);
}

/* Base body font */
body {
  font-family: var(--font-family-base);
}