/*
 * Altitude Pay — brand primitives for the shared design tokens (css/tokens.css).
 *
 * Source: dashboard-frontend-custom tenants/qore/brands/altitudepay/theme/preset.ts (violet and shell
 * ramps) and the Keycloak login theme keycloak/themes/qore/altitudepay (text roles: fg #171A1F,
 * label #3B434D, muted #5B6572, subtle #98A2AE).
 * Figtree is SIL OFL; the variable woff2 files are the dashboard's
 * (tenants/qore/brands/altitudepay/assets/fonts). No on-dark logo exists yet, so dark mode shows the
 * wordmark in white (theme.css, .ds-logo) until the client supplies one.
 */

@font-face { font-family: "Figtree"; src: url("fonts/figtree-latin-ext.woff2") format("woff2"); font-weight: 400 800; 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: "Figtree"; src: url("fonts/figtree-latin.woff2") format("woff2"); font-weight: 400 800; 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: "Figtree";

  --brand-50:  #F3EFFF;
  --brand-100: #EFEAFF;
  --brand-200: #CBB8FF;
  --brand-300: #AC8FFF;
  --brand-400: #8659FF;
  --brand-500: #5E27FF;
  --brand-600: #4B1FCC;
  --brand-700: #3C19A3;
  --brand-800: #2E137C;
  --brand-900: #221056;
  --brand-950: #150A33;
  --brand-accent: #F5A623;

  /* Shell ramp, placed on the stops the shared roles read. */
  --neutral-50:  #F3F7FA;
  --neutral-100: #E6EDF4;
  --neutral-200: #C9D4E0;
  --neutral-300: #98A2AE;
  --neutral-500: #5B6572;
  --neutral-700: #3B434D;
  --neutral-900: #22262E;
  --neutral-950: #171A1F;
  --neutral-surface-2: #F3F7FA;

  --brand-dark:   #171A1F;
  --brand-dark-1: #22262E;
  --brand-dark-2: #2C313A;
  --brand-dark-3: #3B434D;
  --brand-dark-4: #5B6572;
  --brand-code:   #150A33;

  --pv-brand-from:   #5E27FF;
  --pv-brand-to:     #3C19A3;
  --pv-brand-accent: #5E27FF;
}

/* Violet 500 is the action colour; Deep Violet 600 is its hover. */
:root,
[data-md-color-scheme="default"] {
  --ds-brand-strong: var(--brand-500);
  --ds-brand-hover:  var(--brand-600);
  --ds-brand-text:   var(--brand-500);
  --ds-brand-tint:   var(--brand-100);
}