/*
 * Octave font-face declarations and design-token custom properties.
 *
 * This file is referenced by `customFont.url` in variables.neon and is loaded
 * through the theme font pipeline (MasterViewRenderer + loadThemeFonts.ts).
 * It intentionally contains ONLY @font-face rules and :root custom properties
 * — no component-level selectors — so that double-loading by the WebFont
 * loader is harmless.
 *
 * Component-level styles live in custom.css, which is loaded separately:
 *   • Legacy pages  → LegacyAssetModel::addCssFile("custom.css")
 *   • SPA pages     → BricsysSEOPlugin::pageRenderBefore_handler()
 */

@font-face {
  font-family: "Octave Sans";
  src: url("../assets/fonts/octave-sans/OctaveSans-Regular.woff2") format("woff2"),
       url("../assets/fonts/octave-sans/OctaveSans-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Octave Sans";
  src: url("../assets/fonts/octave-sans/OctaveSans-Regular-It.woff2") format("woff2"),
       url("../assets/fonts/octave-sans/OctaveSans-Regular-It.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Octave Sans";
  src: url("../assets/fonts/octave-sans/OctaveSans-SemiBold.woff2") format("woff2"),
       url("../assets/fonts/octave-sans/OctaveSans-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Octave Sans";
  src: url("../assets/fonts/octave-sans/OctaveSans-SemiBold-It.woff2") format("woff2"),
       url("../assets/fonts/octave-sans/OctaveSans-SemiBold-It.woff") format("woff");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Octave Display";
  src: url("../assets/fonts/octave-display/OctaveDisplay-Regular.woff2") format("woff2"),
       url("../assets/fonts/octave-display/OctaveDisplay-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Octave Display";
  src: url("../assets/fonts/octave-display/OctaveDisplay-Regular-It.woff2") format("woff2"),
       url("../assets/fonts/octave-display/OctaveDisplay-Regular-It.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Octave Display";
  src: url("../assets/fonts/octave-display/OctaveDisplay-SemiBold.woff2") format("woff2"),
       url("../assets/fonts/octave-display/OctaveDisplay-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Octave Display";
  src: url("../assets/fonts/octave-display/OctaveDisplay-SemiBold-It.woff2") format("woff2"),
       url("../assets/fonts/octave-display/OctaveDisplay-SemiBold-It.woff") format("woff");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

:root {
  --brx-font-sans: "Octave Sans", "Open Sans", "Segoe UI", Arial, sans-serif;
  --brx-font-display: "Octave Display", "Octave Sans", "Open Sans", "Segoe UI", Arial, sans-serif;
  --brx-neutral-1: #1A1A1F;
  --brx-neutral-2: #3E4047;
  --brx-neutral-3: #6F7480;
  --brx-neutral-4: #B2B7C4;
  --brx-neutral-5: #CBD0D8;
  --brx-neutral-6: #E7EBF2;
  --brx-neutral-7: #FFFFFF;
  --brx-accent-green-500: #4FFF00;
  --brx-btn-light-primary-500: #0000FF;
  --brx-btn-light-primary-600: #1A1A1F;
  --brx-btn-light-primary-700: #1A1A1F;
  --brx-btn-light-primary-focus: #0000FF;
  --brx-btn-light-disabled-bg: #B2B7C4;
  --brx-btn-light-disabled-fg: #6F7480;
  --brx-btn-dark-primary-500: #03FFFF;
  --brx-btn-dark-primary-600: var(--brx-neutral-7);
  --brx-btn-dark-primary-700: var(--brx-neutral-7);
  --brx-btn-dark-primary-focus: #03FFFF;
  --brx-btn-dark-disabled-bg: #B2B7C4;
  --brx-btn-dark-disabled-fg: #6F7480;
}