/*
 * ace design tokens.
 * Loaded first; every other stylesheet and every scoped component style refers to these custom
 * properties and never to a hexadecimal value. Source of the values: the ace layout (November 2026).
 */

/* Inter is self-hosted (SIL Open Font License, see /fonts/LICENSE-Inter.txt). Two weights only. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-latin-ext-400-normal.woff2") format("woff2");
  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: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  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;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-latin-ext-700-normal.woff2") format("woff2");
  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: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");
  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;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-latin-ext-400-italic.woff2") format("woff2");
  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: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-latin-400-italic.woff2") format("woff2");
  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 {
  /* Brand blues */
  --ace-navy:        #17456B; /* primary: headings, app bar, table header, primary buttons */
  --ace-navy-deep:   #163A58; /* borders on navy, hover/pressed for navy */
  --ace-blue:        #205B8C; /* secondary: outlines, sub-headings, links inside content */
  --ace-blue-mid:    #2A6A9E; /* tertiary fill, rarely */
  --ace-blue-light:  #9EC2DE; /* "existing / legacy" fills, muted text on navy */
  --ace-blue-pale:   #D6E4F0; /* info band, soft chips, secondary text on navy */
  --ace-blue-wash:   #EEF3F8; /* zebra rows, hover */

  /* Accent orange */
  --ace-orange:      #E8761A; /* accent FILL: active item, call to action, "new" */
  --ace-orange-text: #C25A0B; /* accent TEXT on light surfaces (eyebrows, highlights) */
  --ace-orange-deep: #9A4708; /* hover/pressed for orange */
  --ace-orange-soft: #F4B27A; /* accent text on navy */
  --ace-orange-wash: #FBE9DA; /* highlighted region background */

  /* Neutrals */
  --ace-page:        #F7F9FB; /* page background; also the "white" text on navy */
  --ace-surface:     #FFFFFF; /* cards, tables, inputs */
  --ace-ink:         #2C2C2C; /* body text */
  --ace-ink-strong:  #1B2B3A; /* text on orange fills */
  --ace-muted:       #6B7280; /* captions, footers, row labels */
  --ace-muted-2:     #4A5568; /* italic notes */
  --ace-line:        #D9E2EC; /* card and input borders, soft chips */
  --ace-line-strong: #CBCBCB; /* table grid */
  --ace-line-dashed: #9CA3AF; /* dashed "placeholder / planned" outlines */

  /* Type */
  --ace-font: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

  /* Shape */
  --ace-radius-sm:   6px;    /* bars, buttons, inputs */
  --ace-radius:      8px;    /* cards, panels, callouts */
  --ace-radius-pill: 999px;  /* chips, badges */
  --ace-shadow:      0 2px 8px rgba(23, 69, 107, .08);   /* cards */
  --ace-shadow-lg:   0 3px 10px rgba(23, 69, 107, .10);  /* raised panels, dialogs */
  --ace-accent-bar:  3px;    /* coloured top or left edge on cards */

  /* Layout rhythm */
  --ace-gap:         .75rem; /* between cards in a grid */
  --ace-section-gap: 2rem;   /* between sections of a page */
  --ace-page-pad:    4.5rem; /* side padding of the page on desktop */
}

html,
body {
  font-family: var(--ace-font);
  color: var(--ace-ink);
  background: var(--ace-page);
  line-height: 1.4;
}