/*
 * Qore Payments — brand primitives for the shared design tokens (css/tokens.css).
 *
 * Source: dashboard-frontend-custom tenants/qore/brands/qore/theme/preset.ts (qoreBlue, qoreAccent,
 * qoreNavy) and the Keycloak login theme (buttons #2C48A4, hover #243D8C).
 * Montserrat is SIL OFL; the variable woff2 files are the dashboard's (tenants/qore/brands/qore/assets/fonts).
 */

@font-face { font-family: "Montserrat"; src: url("../../fonts/montserrat/montserrat-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Montserrat"; src: url("../../fonts/montserrat/montserrat-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --md-text-font: "Montserrat";

  --brand-50:  #E3F2FF;
  --brand-100: #C5E4FF;
  --brand-200: #A3D4FF;
  --brand-300: #82C7FA;
  --brand-400: #4F9BF5;
  --brand-500: #2C48A4;
  --brand-600: #243D8C;
  --brand-700: #1D3275;
  --brand-800: #16275E;
  --brand-900: #1A213D;
  --brand-950: #111525;
  --brand-accent: #31D1F9;

  --brand-dark: #1A213D;   /* qoreNavy 800, the dashboard rail */
  --brand-code: #111525;

  --pv-brand-from:   #2C48A4;
  --pv-brand-to:     #1A213D;
  --pv-brand-accent: #2C48A4;
}

/* The ramp's 500 is the action colour, so buttons and links sit one stop lighter than the default. */
:root,
[data-md-color-scheme="default"] {
  --ds-brand-strong: var(--brand-500);
  --ds-brand-hover:  var(--brand-600);
  --ds-brand-text:   var(--brand-500);
}