/* VIAGS DS v0.1 tokens (Design/Latest_design/ds/viagsds/tokens.css): light theme and structural
   variables only, same subset as src-ui/src/viags-tokens.scss; the DS type classes are left out. */
:root, [data-theme="light"] {
  --brand-primary: #205264;
  --brand-secondary: #dca50f;
  --brand-accent: #00a9c4;
  --base-white: #ffffff;
  --primary-1: #fafdff;
  --primary-2: #f3f9fc;
  --primary-3: #e6f3f8;
  --primary-4: #d9ebf2;
  --primary-5: #cce2ec;
  --primary-6: #adc8d4;
  --primary-7: #8eafbd;
  --primary-8: #6d96a7;
  --primary-9: var(--brand-primary);
  --primary-10: #134759;
  --primary-11: #3c6d80;
  --primary-12: #1e353e;
  --secondary-1: #fffcf7;
  --secondary-2: #fef7eb;
  --secondary-3: #fcefd4;
  --secondary-4: #f8e5c0;
  --secondary-5: #f4dbab;
  --secondary-6: #ddc085;
  --secondary-7: #c9a559;
  --secondary-8: #b58815;
  --secondary-9: var(--brand-secondary);
  --secondary-10: #cd9900;
  --secondary-11: #836100;
  --secondary-12: #382700;
  --neutral-1: #fbfdfe;
  --neutral-2: #f5f9fa;
  --neutral-3: #ecf1f3;
  --neutral-4: #e2e8eb;
  --neutral-5: #d8dfe3;
  --neutral-6: #bdc5c9;
  --neutral-7: #a2abb0;
  --neutral-8: #879296;
  --neutral-9: #6b7579;
  --neutral-10: #60696d;
  --neutral-11: #5c686e;
  --neutral-12: #212b30;
  --success-1: #f9fefa;
  --success-2: #f1fbf3;
  --success-3: #e2f6e7;
  --success-4: #d3f0da;
  --success-5: #c4e9cd;
  --success-6: #a3cfae;
  --success-7: #80b78f;
  --success-8: #599f6e;
  --success-9: #227c45;
  --success-10: #0f703a;
  --success-11: #1a7640;
  --success-12: #113a20;
  --warning-1: #fffcfa;
  --warning-2: #fff6f1;
  --warning-3: #ffece0;
  --warning-4: #ffe0cc;
  --warning-5: #ffd4b8;
  --warning-6: #efb791;
  --warning-7: #dd9a6b;
  --warning-8: #cd7b3d;
  --warning-9: #e48233;
  --warning-10: #d67623;
  --warning-11: #9e5000;
  --warning-12: #451f00;
  --error-1: #fffcfb;
  --error-2: #fff6f4;
  --error-3: #ffebe8;
  --error-4: #ffdfda;
  --error-5: #ffd2cc;
  --error-6: #ffada3;
  --error-7: #f68b80;
  --error-8: #ea665c;
  --error-9: #cc2e2c;
  --error-10: #be1c1f;
  --error-11: #b53a34;
  --error-12: #611714;
  --info-1: #f9feff;
  --info-2: #eefbfe;
  --info-3: #dbf6fd;
  --info-4: #c9eff9;
  --info-5: #b6e8f4;
  --info-6: #91cedd;
  --info-7: #68b6c8;
  --info-8: #2e9db4;
  --info-9: var(--brand-accent);
  --info-10: #009cb5;
  --info-11: #007184;
  --info-12: #002f38;
  --primary-press: #043c4e;
  --secondary-press: #be8d00;
  --error-press: #af0011;
  --primary-a1: #0099ff05;
  --primary-a2: #0080bf0c;
  --primary-a3: #0085b819;
  --primary-a4: #0079a826;
  --primary-a5: #006ea033;
  --primary-a6: #00547952;
  --primary-a7: #004a6a71;
  --primary-a8: #00486592;
  --primary-a9: #00394edf;
  --primary-a10: #00384cec;
  --primary-a11: #004059c3;
  --primary-a12: #001a24e1;
  --pastel-1: #daf4ff;
  --pastel-2: #e9efff;
  --pastel-3: #f7e9fe;
  --pastel-4: #ffe8ee;
  --pastel-5: #ffeae1;
  --pastel-6: #f7efd7;
  --pastel-7: #e6f4df;
  --pastel-8: #d9f7f0;
  --chart-1: #2b6f9e;
  --chart-2: #dca50f;
  --chart-3: #d9668f;
  --chart-4: #008300;
  --chart-5: #00a9c4;
  --chart-6: #eb6834;
  --chart-7: #6250d6;
  --chart-8: #e34948;
  --background-canvas: var(--neutral-1);
  --background-subtle: var(--neutral-2);
  --background-elevated: var(--base-white);
  --background-inverse: var(--neutral-12);
  --background-brand: var(--primary-9);
  --background-muted: var(--neutral-3);
  --background-muted-strong: var(--neutral-4);
  --background-neutral-solid: var(--neutral-9);
  --background-highlight: var(--secondary-4);
  --background-scrim: #212b3080;
  --background-on-brand-hover: #ffffff1a;
  --background-on-brand-selected: #ffffff26;
  --foreground-default: var(--neutral-12);
  --foreground-muted: var(--neutral-11);
  --foreground-on-brand: var(--base-white);
  --foreground-on-brand-muted: #ffffffbf;
  --foreground-on-secondary: var(--secondary-12);
  --foreground-inverse: var(--neutral-1);
  --foreground-link: var(--primary-9);
  --foreground-disabled: var(--neutral-8);
  --border-subtle: var(--neutral-6);
  --border-default: var(--neutral-7);
  --border-strong: var(--neutral-8);
  --interactive-primary-default: var(--primary-9);
  --interactive-primary-hover: var(--primary-10);
  --interactive-primary-active: var(--primary-press);
  --interactive-primary-disabled: var(--neutral-4);
  --interactive-secondary-default: var(--secondary-9);
  --interactive-secondary-hover: var(--secondary-10);
  --interactive-secondary-active: var(--secondary-press);
  --interactive-secondary-disabled: var(--neutral-4);
  --interactive-destructive-default: var(--error-9);
  --interactive-destructive-hover: var(--error-10);
  --interactive-destructive-active: var(--error-press);
  --interactive-destructive-disabled: var(--neutral-4);
  --interactive-ghost-hover: var(--neutral-3);
  --interactive-ghost-active: var(--neutral-4);
  --interactive-selected: var(--primary-3);
  --feedback-success-solid: var(--success-9);
  --feedback-success-subtle: var(--success-3);
  --feedback-success-text: var(--success-11);
  --feedback-success-border: var(--success-7);
  --feedback-warning-solid: var(--warning-9);
  --feedback-warning-subtle: var(--warning-3);
  --feedback-warning-text: var(--warning-11);
  --feedback-warning-border: var(--warning-7);
  --feedback-error-solid: var(--error-9);
  --feedback-error-subtle: var(--error-3);
  --feedback-error-text: var(--error-11);
  --feedback-error-border: var(--error-7);
  --feedback-info-solid: var(--info-9);
  --feedback-info-subtle: var(--info-3);
  --feedback-info-text: var(--info-11);
  --feedback-info-border: var(--info-7);
  --feedback-success-on-solid: var(--base-white);
  --feedback-warning-on-solid: var(--warning-12);
  --feedback-error-on-solid: var(--base-white);
  --feedback-info-on-solid: var(--info-12);
  --focus-ring: var(--primary-9);
  --focus-ring-on-brand: var(--base-white);
  --doc-active-solid: var(--success-9);
  --doc-active-subtle: var(--success-3);
  --doc-active-text: var(--success-11);
  --doc-inactive-solid: var(--neutral-9);
  --doc-inactive-subtle: var(--neutral-3);
  --doc-inactive-text: var(--neutral-11);
  --doc-review-solid: var(--warning-9);
  --doc-review-subtle: var(--warning-3);
  --doc-review-text: var(--warning-11);
  --citation-match-solid: var(--success-9);
  --citation-match-subtle: var(--success-3);
  --citation-match-text: var(--success-11);
  --citation-conflict-solid: var(--error-9);
  --citation-conflict-subtle: var(--error-3);
  --citation-conflict-text: var(--error-11);
  --citation-insufficient-solid: var(--warning-9);
  --citation-insufficient-subtle: var(--warning-3);
  --citation-insufficient-text: var(--warning-11);
  --restricted-solid: var(--neutral-12);
  --restricted-subtle: var(--neutral-3);
  --restricted-text: var(--neutral-12);
  --shadow-xs: 0 1px 2px #1e353e14;
  --shadow-sm: 0 1px 2px #1e353e14, 0 1px 3px #1e353e1a;
  --shadow-md: 0 2px 4px #1e353e0f, 0 4px 8px #1e353e14;
  --shadow-lg: 0 4px 8px #1e353e12, 0 8px 16px #1e353e1a;
  --shadow-xl: 0 8px 16px #1e353e14, 0 16px 32px #1e353e1f;
  --shadow-2xl: 0 12px 24px #1e353e1a, 0 24px 48px #1e353e29;
  --shadow-inner: inset 0 1px 2px #1e353e1f;
  --shadow-focus-ring: 0 0 0 2px #fbfdfe, 0 0 0 4px #205264;
}
:root {
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --section-gap: 32px;
  --page-padding-web: 32px;
  --page-padding-web-sm: 16px;
  --page-padding-app: 16px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 9999px;
  --duration-instant: 50ms;
  --duration-fast: 100ms;
  --duration-moderate: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 400ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-40: 0.4;
  --opacity-60: 0.6;
  --opacity-80: 0.8;
  --opacity-90: 0.9;
  --opacity-100: 1;
  --z-base: 0;
  --z-sticky: 100;
  --z-header: 200;
  --z-floating-action: 300;
  --z-dropdown: 400;
  --z-overlay: 500;
  --z-modal: 600;
  --z-toast: 700;
  --z-tooltip: 800;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
  --border-width-hairline: 1px;
  --border-width-thick: 2px;
  --border-width-focus: 2px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --target-web-min: 24px;
  --target-ios: 44px;
  --target-android: 48px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --avatar-sm: 24px;
  --avatar-md: 32px;
  --avatar-lg: 48px;
  --sidebar-width: 264px;
  --sidebar-width-collapsed: 72px;
  --topbar-height: 64px;
  --appbar-height: 56px;
  --tabbar-height: 64px;
  --logo-min-web: 55px;
  --logo-min-web-tagline: 85px;
  --font-display: "Helvetica Neue", "UTM Helve", Arimo, Arial, sans-serif;
  --font-body: "Helvetica Neue", "UTM Helve", Arimo, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --text-display: 400 48px/64px var(--font-display);
  --text-h1: 400 40px/52px var(--font-display);
  --text-h2: 400 33px/44px var(--font-display);
  --text-h3: 500 28px/38px var(--font-display);
  --text-h4: 700 23px/32px var(--font-display);
  --text-h5: 700 19px/26px var(--font-display);
  --text-body-lg: 400 18px/30px var(--font-body);
  --text-body: 400 16px/26px var(--font-body);
  --text-body-sm: 400 14px/23px var(--font-body);
  --text-caption: 400 13px/21px var(--font-body);
  --text-eyebrow: 700 12px/18px var(--font-body);
  --text-label: 500 14px/20px var(--font-body);
  --text-code: 400 14px/22px var(--font-mono);
  --text-app-large-title: 700 34px/44px var(--font-body);
  --text-app-title: 700 22px/30px var(--font-body);
  --text-app-headline: 700 17px/24px var(--font-body);
  --text-app-body: 400 17px/28px var(--font-body);
  --text-app-callout: 400 16px/26px var(--font-body);
  --text-app-subhead: 400 15px/24px var(--font-body);
  --text-app-footnote: 400 13px/20px var(--font-body);
  --text-app-caption: 400 12px/18px var(--font-body);
  --text-app-tab-label: 500 12px/16px var(--font-body);
}
@font-face { font-family: "Arimo"; src: url("fonts/Arimo-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Arimo"; src: url("fonts/Arimo-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Arimo"; src: url("fonts/Arimo-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }