/* Vendored from rktdno/claro-design @ 953eef4, build/web/claro-tokens.css.
   Do not edit here: change tokens.json in claro-design, rebuild, and copy this file again. */
/* Generated from rktdno/claro-design tokens.json by scripts/build.py. Do not edit by hand. */
:root {
  --claro-deep-navy: #011F4B;
  --claro-pale-grey: #F0F0E7;
  --claro-slate: #B4C0D2;
  --claro-ink: #00142F;
  --claro-harbour: #0A3570;
  --claro-cornflower: #2A4B8F;
  --claro-mist: #DCE3EE;
  --claro-navy-50: #EEF1F6;
  --claro-navy-100: #DCE3EE;
  --claro-navy-200: #B4C0D2;
  --claro-navy-300: #7E92B4;
  --claro-navy-400: #2A4B8F;
  --claro-navy-500: #0A3570;
  --claro-navy-600: #011F4B;
  --claro-navy-700: #011A40;
  --claro-navy-800: #001736;
  --claro-navy-900: #00142F;
  --claro-background: #F0F0E7;
  --claro-surface: #FFFFFF;
  --claro-surface-muted: #F7F7F2;
  --claro-text: #00142F;
  --claro-text-secondary: #4A5A73;
  --claro-border: #DCE3EE;
  --claro-border-strong: #B4C0D2;
  --claro-border-input: #6D84AD;
  --claro-primary: #011F4B;
  --claro-on-primary: #F0F0E7;
  --claro-primary-disabled: #DCE3EE;
  --claro-on-primary-disabled: #4A5A73;
  --claro-primary-soft: #DCE3EE;
  --claro-on-primary-soft: #011F4B;
  --claro-surface-inverse: #011F4B;
  --claro-on-surface-inverse: #F0F0E7;
  --claro-on-surface-inverse-secondary: #DCE3EE;
  --claro-link: #2A4B8F;
  --claro-link-hover: #0A3570;
  --claro-focus: #2A4B8F;
  --claro-status-surface: #FFFFFF;
  --claro-success: #2F7A5A;
  --claro-success-soft: #E2EEE7;
  --claro-on-success-soft: #1C5540;
  --claro-warning: #B9781A;
  --claro-warning-soft: #F6EDDA;
  --claro-on-warning-soft: #69450C;
  --claro-danger: #B3362C;
  --claro-on-danger: #FFFFFF;
  --claro-danger-text: #B3362C;
  --claro-danger-soft: #F5E3DF;
  --claro-on-danger-soft: #86251D;
  --claro-info: #2A4B8F;
  --claro-info-soft: #DCE3EE;
  --claro-on-info-soft: #0A3570;
  --claro-recording: #DE362E;
  --claro-record: #B3362C;
  --claro-on-record: #FFFFFF;
  --claro-record-mark: #B3362C;
  --claro-record-soft: #F9D9D5;
  --claro-font-brand: Onest, system-ui, sans-serif;
  --claro-radius-control: 10px;
  --claro-radius-card: 18px;
  --claro-radius-pill: 999px;
  --claro-radius-dialog: 28px;
  --claro-link-underline-thickness: 1.5px;
  --claro-link-underline-offset: 5px;
  --claro-link-underline-thickness-hover: 2.5px;
  --claro-duration-caret-blink: 1100ms;
  --claro-duration-ring-pulse: 1200ms;
  --claro-duration-line-write: 1200ms;
  --claro-duration-line-offset: 500ms;
  --claro-duration-card-rise: 320ms;
  --claro-ease-standard: cubic-bezier(0.42, 0, 0.58, 1);
  --claro-ease-rise: cubic-bezier(0, 0, 0.58, 1);
}

[data-theme="dark"] {
  --claro-background: #00142F;
  --claro-surface: #011F4B;
  --claro-surface-muted: #12305E;
  --claro-text: #F0F0E7;
  --claro-text-secondary: #B4C0D2;
  --claro-border: #22324A;
  --claro-border-strong: #2A4B8F;
  --claro-border-input: #6D84AD;
  --claro-primary: #DCE3EE;
  --claro-on-primary: #00142F;
  --claro-primary-disabled: #0B2A5A;
  --claro-on-primary-disabled: #B4C0D2;
  --claro-primary-soft: #12305E;
  --claro-on-primary-soft: #F0F0E7;
  --claro-surface-inverse: #011F4B;
  --claro-on-surface-inverse: #F0F0E7;
  --claro-on-surface-inverse-secondary: #DCE3EE;
  --claro-link: #DCE3EE;
  --claro-link-hover: #DCE3EE;
  --claro-focus: #DCE3EE;
  --claro-status-surface: #F0F0E7;
  --claro-success: #2F7A5A;
  --claro-success-soft: #E2EEE7;
  --claro-on-success-soft: #1C5540;
  --claro-warning: #B9781A;
  --claro-warning-soft: #F6EDDA;
  --claro-on-warning-soft: #69450C;
  --claro-danger: #B3362C;
  --claro-on-danger: #FFFFFF;
  --claro-danger-text: #ED8A82;
  --claro-danger-soft: #F5E3DF;
  --claro-on-danger-soft: #86251D;
  --claro-info: #2A4B8F;
  --claro-info-soft: #DCE3EE;
  --claro-on-info-soft: #0A3570;
  --claro-recording: #FF6B5E;
  --claro-record: #C8372D;
  --claro-on-record: #FFFFFF;
  --claro-record-mark: #F0F0E7;
  --claro-record-soft: #12305E;
}