/*
 * Finrelay — brand primitives for the shared design tokens (css/tokens.css).
 *
 * Source: dashboard-frontend-custom tenants/finrelay/brands/finrelay/theme/preset.ts (blue ramp),
 * and the brand book's product design system §6.1 (dark layers), §8.11 (code panel), §4.4 (brand dark).
 * Gilroy is licensed (Fontspring order 79882085); the four woff2 files are the ones the dashboard ships
 * (tenants/finrelay/brands/finrelay/assets/fonts). Fira Code is shared, in css/tokens.css.
 */

@font-face { font-family: "Gilroy"; src: url("fonts/gilroy-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url("fonts/gilroy-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url("fonts/gilroy-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url("fonts/gilroy-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

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

  --brand-50:  #EEF3FE;
  --brand-100: #DCE5FD;
  --brand-200: #C0CEFB;
  --brand-300: #93ABF8;
  --brand-400: #5C7FF2;
  --brand-500: #2956EC;
  --brand-600: #1C45D6;
  --brand-700: #1A3AC0;
  --brand-800: #182F8C;
  --brand-900: #15276B;
  --brand-950: #0E1A45;
  --brand-accent: #00B1FF;

  --brand-dark:   #091C33;
  --brand-dark-1: #132840;
  --brand-dark-2: #1C3350;
  --brand-dark-3: #2A4466;
  --brand-dark-4: #3A5578;
  --brand-code:   #0E1A45;

  --ds-code-accent:      #00B1FF;
  --ds-code-accent-tint: rgb(0 177 255 / 14%);
}