/* projects/ui/src/styles/colors.scss */
:root {
  --sx-palette-copper: #9A4F39;
  --sx-palette-iron: #6A3323;
  --sx-palette-adobe: #A4795B;
  --sx-palette-salt: #DACEC0;
  --sx-palette-gold: #D0A964;
  --sx-palette-atacamite: #29825F;
  --sx-palette-chrysocolla: #559A81;
  --sx-palette-lapis: #36568D;
  --sx-palette-sky: #8FAAD6;
  --sx-palette-obsidian: #222429;
  --sx-palette-paper: #F0EBE6;
  --sx-palette-pale-bone: #E5DDD3;
  --sx-palette-white: #FFFFFF;
  --sx-palette-bone: #C7B5A0;
  --sx-palette-light-grey: #C6CBD4;
  --sx-palette-grey: #716976;
  --sx-palette-olive: #6B7860;
  --sx-palette-umber: #795848;
  --sx-palette-camel: #BA955F;
  --sx-palette-copper-100: #FFF0EB;
  --sx-palette-copper-200: #EFCDC3;
  --sx-palette-copper-300: #DDAC9D;
  --sx-palette-copper-400: #C98C7A;
  --sx-palette-copper-500: #B36C58;
  --sx-palette-copper-600: #9A4F39;
  --sx-palette-copper-700: #7D3D2A;
  --sx-palette-copper-800: #5F2D1E;
  --sx-palette-copper-900: #421F14;
  --sx-palette-umber-100: #F9F2EE;
  --sx-palette-umber-200: #E4D6D0;
  --sx-palette-umber-300: #CFBBB2;
  --sx-palette-umber-400: #BAA195;
  --sx-palette-umber-500: #A5887A;
  --sx-palette-umber-600: #8F6F60;
  --sx-palette-umber-700: #795848;
  --sx-palette-umber-800: #573E31;
  --sx-palette-umber-900: #36261E;
  --sx-palette-gold-100: #FAF2E6;
  --sx-palette-gold-200: #EEDAB7;
  --sx-palette-gold-300: #E1C18B;
  --sx-palette-gold-400: #D0A964;
  --sx-palette-gold-500: #B08C4C;
  --sx-palette-gold-600: #907137;
  --sx-palette-gold-700: #725725;
  --sx-palette-gold-800: #543E13;
  --sx-palette-gold-900: #382704;
  --sx-palette-obsidian-100: #F3F3F5;
  --sx-palette-obsidian-200: #D5D6D8;
  --sx-palette-obsidian-300: #B9BABD;
  --sx-palette-obsidian-400: #9D9EA2;
  --sx-palette-obsidian-500: #828488;
  --sx-palette-obsidian-600: #686A6F;
  --sx-palette-obsidian-700: #4F5156;
  --sx-palette-obsidian-800: #383A3F;
  --sx-palette-obsidian-900: #222429;
  --sx-palette-adobe-100: #FAF2EC;
  --sx-palette-adobe-300: #D2B39E;
  --sx-palette-adobe-500: #A4795B;
  --sx-palette-adobe-700: #6D4D36;
  --sx-palette-adobe-900: #392517;
  --sx-palette-atacamite-200: #C2E0D1;
  --sx-palette-atacamite-400: #75B295;
  --sx-palette-atacamite-600: #29825F;
  --sx-palette-atacamite-800: #0C4C35;
  --sx-palette-lapis-100: #EDF4FF;
  --sx-palette-lapis-300: #AABDDD;
  --sx-palette-lapis-500: #6C89B8;
  --sx-palette-lapis-700: #36568D;
  --sx-palette-lapis-900: #1A2A45;
}
:root {
  --sx-ui-ground: var(--sx-palette-paper);
  --sx-ui-panel: var(--sx-palette-pale-bone);
  --sx-ui-stock: var(--sx-palette-white);
  --sx-ui-text: var(--sx-palette-obsidian);
  --sx-ui-soft: var(--sx-palette-umber);
  --sx-ui-accent: var(--sx-palette-copper);
  --sx-ui-accent-text: var(--sx-palette-iron);
  --sx-ui-on-accent: var(--sx-palette-paper);
  --sx-ui-accent-hover: var(--sx-palette-obsidian);
  --sx-ui-hairline: var(--sx-palette-bone);
  --sx-ui-boundary: var(--sx-palette-grey);
  --sx-ui-focus: var(--sx-palette-copper);
  --sx-ui-ornament: var(--sx-palette-gold);
}

/* projects/ui/src/styles/fonts.scss */
@font-face {
  font-family: "Antonio";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("./media/Antonio-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./media/Jost-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("./media/Jost-Italic-VariableFont_wght.ttf") format("truetype");
}
:root {
  --sx-ui-font-display:
    "Antonio",
    "Impact",
    "Arial Narrow",
    sans-serif;
  --sx-ui-font-body:
    "Jost",
    "Avenir Next",
    "Helvetica Neue",
    "Arial",
    sans-serif;
}

/* projects/website/src/styles.scss */
body {
  margin: 0;
  background: var(--sx-ui-ground);
  color: var(--sx-ui-text);
  font-family: var(--sx-ui-font-body);
  line-height: 1.5;
}
h1,
h2,
h3 {
  font-family: var(--sx-ui-font-display);
  font-weight: 400;
  text-transform: uppercase;
}
a {
  color: var(--sx-ui-accent-text);
}
:focus-visible {
  outline: 2px solid var(--sx-ui-focus);
  outline-offset: 2px;
}
::selection {
  background: var(--sx-ui-accent);
  color: var(--sx-ui-on-accent);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */