/*
  Global App CSS
  ----------------------
  Use this file for styles that should be applied to all components.
  For example, "font-family" within the "body" selector is a CSS property
  most apps will want applied to all components.

  Any global CSS variables should also be applied here.
*/

/* Kirvy — display/title font from the Via Agaura design (Adobe XD "Elements"
   style guide). Free for personal & commercial use (dafont.com). Declared
   at the document level (not inside a component's shadow DOM) so every
   component's `var(--font-title)` can resolve it. */
@font-face {
  font-family: 'Kirvy';
  src: url('/assets/fonts/Kirvy-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kirvy';
  src: url('/assets/fonts/Kirvy-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kirvy';
  src: url('/assets/fonts/Kirvy-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kirvy';
  src: url('/assets/fonts/Kirvy-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  background-color: #ffffff;

  /* Default for --text-on-card / --text-muted-on-card (see components/global.css for
     why these live here, at the one true document root, instead of inside the shared
     per-component :host stylesheet). Mirrors --primary-700 / --primary-500 from
     components/global.css's palette — duplicated as plain hex here since this file is
     outside any component's shadow root and can't reach that shadow-scoped variable. */
  --text-on-card: #2f377d;
  --text-muted-on-card: #3d56a8;
}