font.css

/*
Font

Define standard fonts for a TACC website.

Usage:
  ```
  .something {
    font-family: var(--serif);
    font-size: var(--normal);
    font-weight: var(--bold);
  }
  ```

Reference:
- https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
- [Shared UI - Constants - Font](https://confluence.tacc.utexas.edu/x/cYAZCg)

Styleguide Settings.CustomProperties.Font
*/
@import url('../generics/fonts.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

:root {
  /* Family */
  /* https://tacc-main.atlassian.net/wiki/x/Nw9v */
  --sans--cms: "Benton Sans", "Roboto", sans-serif;
  --sans--portal: "Roboto", sans-serif;
  --serif: sans-serif;
  --mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
  --icon: "Hiragino Sans", monospace;

  /* Weight */
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping */
  --thin: 100;
  --hairline: 100;
  --extra-light: 200;
  --ultra-light: 200;
  --light: 300;
  --normal: 400;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --demi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --ultra-bold: 800;
  --black: 900;
  --heavy: 900;
  --extra-black: 950;
  --ultra-black: 950;
}

/* DEPRECATED */
/* For backwards-compatibility with v0, v1, v2.23 */
:root {
  --global-font-family--sans--cms: var(--sans--cms);
  --global-font-family--sans--portal: var(--sans--portal);
  --global-font-family--serif: var(--serif);
  --global-font-family--mono: var(--mono);

  --global-font-weight--regular: var(--regular);
  --global-font-weight--black: var(--black);
  --global-font-weight--medium: var(--medium);
  --global-font-weight--bold: var(--bold);
}