/* GENERATED by @crystelis/design-system — do not edit by hand. */
:root {
  color-scheme: light dark;
  --cr-font-sans: 'Noto Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --cr-font-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Code', monospace;
  --cr-text-xs: 0.75rem;
  --cr-text-sm: 0.875rem;
  --cr-text-base: 0.875rem;
  --cr-text-md: 1rem;
  --cr-text-lg: 1rem;
  --cr-text-xl: 1.125rem;
  --cr-text-2xl: 1.25rem;
  --cr-leading-tight: 1.2;
  --cr-leading-normal: 1.5;
  --cr-tracking-tight: -0.01em;
  --cr-tracking-normal: 0;
  --cr-weight-regular: 400;
  --cr-weight-medium: 500;
  --cr-weight-semibold: 700;
  --cr-space-1: 0.25rem;
  --cr-space-2: 0.5rem;
  --cr-space-3: 0.75rem;
  --cr-space-4: 1rem;
  --cr-space-6: 1rem;
  --cr-space-8: 1.5rem;
  --cr-space-10: 2rem;
  --cr-space-12: 2.5rem;
  --cr-space-16: 3rem;
  --cr-radius-control: 6px;
  --cr-radius-card: 12px;
  --cr-radius-pill: 999px;
  --cr-radius-focus: 4px;
  --cr-hairline: 1px;
  --cr-rule-width: 1px;
  --cr-z-base: 0;
  --cr-z-sticky: 100;
  --cr-z-dropdown: 200;
  --cr-z-modal: 300;
  --cr-z-toast: 400;
  --cr-duration-fast: 80ms;
  --cr-duration: 120ms;
  --cr-duration-slow: 160ms;
  --cr-ease: cubic-bezier(0.2, 0, 0, 1);
  --cr-focus-ring-width: 2px;
  --cr-focus-offset: 2px;
  --cr-row-height: 44px;
  --cr-control-height: 36px;
  --cr-control-height-compact: 32px;
  --cr-padding-block: 0.5rem;
  --cr-padding-inline: 0.75rem;
  --cr-elevation-menu: 0 4px 12px rgba(23, 21, 30, 0.10);
  --cr-elevation-modal: 0 16px 40px rgba(23, 21, 30, 0.16);
  --cr-elevation-toast: 0 4px 14px rgba(23, 21, 30, 0.14);
  --cr-elevation-raised: 0 1px 2px rgba(28, 26, 22, 0.10);
  --cr-scroll-shadow: rgba(28, 26, 22, 0.16);
  --cr-ink: #17151E;
  --cr-ink-secondary: #6C6676;
  --cr-ink-tertiary: #6C6676;
  --cr-ink-muted: #6C6676;
  --cr-workspace-ground: #FFFFFF;
  --cr-document: #FFFFFF;
  --cr-document-muted: #F8F7FA;
  --cr-document-strong: #EEEDF2;
  --cr-rule-hairline: #E5E2EA;
  --cr-rule: #E5E2EA;
  --cr-rule-strong: #B8B2C0;
  --cr-focus-ring: #8D00E5;
  --cr-control-fill: #FFFFFF;
  --cr-control-rule: #918A9A;
  --cr-control-rule-nested: #827A8D;
  --cr-control-ink: #17151E;
  --cr-action: #8D00E5;
  --cr-action-hover: #6D00B8;
  --cr-action-pressed: #5E009D;
  --cr-action-ink: #FFFFFF;
  --cr-action-rule: #8D00E5;
  --cr-link: #6D00B8;
  --cr-brand-aqua: #26D4C7;
  --cr-brand-cyan: #05B2F2;
  --cr-info-ink: #007B73;
  --cr-info-fill: #E9FBF9;
  --cr-info-rule: #A4EEE7;
  --cr-accent-ink: #006EAE;
  --cr-accent-fill: #E8F8FE;
  --cr-accent-rule: #9DDEF8;
  --cr-directory: #F8F8FA;
  --cr-directory-ink: #17151E;
  --cr-directory-ink-muted: #6C6676;
  --cr-directory-hover: #F6F4F9;
  --cr-directory-selected: #EAE9EF;
  --cr-directory-rule: #E5E2EA;
  --cr-directory-focus-ring: #8D00E5;
  --cr-selection: #F2ECFD;
  --cr-scrim: #120F1A;
  --cr-verified: #B4862E;
  --cr-verified-ink: #6E5210;
  --cr-verified-fill: #F6ECCF;
  --cr-money: #17151E;
  --cr-money-negative: #97281E;
  --cr-money-credit: #1F5793;
  --cr-status-draft-ink: #524D45;
  --cr-status-draft-fill: #ECEAE4;
  --cr-status-draft-rule: #D8D3C8;
  --cr-status-submitted-ink: #1F5793;
  --cr-status-submitted-fill: #E1ECF7;
  --cr-status-submitted-rule: #BBD3EC;
  --cr-status-accepted-ink: #6E5210;
  --cr-status-accepted-fill: #F6ECCF;
  --cr-status-accepted-rule: #E4D2A0;
  --cr-status-rejected-ink: #97281E;
  --cr-status-rejected-fill: #F7E4E1;
  --cr-status-rejected-rule: #EEC5BE;
  --cr-status-errored-ink: #8A3D08;
  --cr-status-errored-fill: #F7E9DC;
  --cr-status-errored-rule: #EAD0B4;
  --cr-status-success-ink: #196B48;
  --cr-danger-ink: #AE2525;
  --cr-warning-ink: #86520D;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --cr-ink: #F7F5FB;
  --cr-ink-secondary: #C8C1D5;
  --cr-ink-tertiary: #ABA1BA;
  --cr-ink-muted: #ABA1BA;
  --cr-workspace-ground: #141219;
  --cr-document: #1C1924;
  --cr-document-muted: #24202E;
  --cr-document-strong: #302B3A;
  --cr-rule-hairline: #3C3548;
  --cr-rule: #3C3548;
  --cr-rule-strong: #756B82;
  --cr-focus-ring: #D7B8FF;
  --cr-control-fill: #18151F;
  --cr-control-rule: #8D819D;
  --cr-control-rule-nested: #8D819D;
  --cr-control-ink: #F7F5FB;
  --cr-action: #8D00E5;
  --cr-action-hover: #9D35E9;
  --cr-action-pressed: #7900C7;
  --cr-action-ink: #FFFFFF;
  --cr-action-rule: #B98BEF;
  --cr-link: #D7B8FF;
  --cr-brand-aqua: #26D4C7;
  --cr-brand-cyan: #05B2F2;
  --cr-info-ink: #74E3D2;
  --cr-info-fill: #12312E;
  --cr-info-rule: #24534E;
  --cr-accent-ink: #7BCBFC;
  --cr-accent-fill: #142D3A;
  --cr-accent-rule: #245266;
  --cr-directory: #19171F;
  --cr-directory-ink: #F7F5FB;
  --cr-directory-ink-muted: #C8C1D5;
  --cr-directory-hover: #24202E;
  --cr-directory-selected: #302B3A;
  --cr-directory-rule: #3C3548;
  --cr-directory-focus-ring: #D7B8FF;
  --cr-selection: #30203F;
  --cr-scrim: #08060D;
  --cr-verified: #D9AE52;
  --cr-verified-ink: #E7C878;
  --cr-verified-fill: #2E2612;
  --cr-money: #F7F5FB;
  --cr-money-negative: #F0A79C;
  --cr-money-credit: #7FB2E6;
  --cr-status-draft-ink: #B7B1A4;
  --cr-status-draft-fill: #2A261E;
  --cr-status-draft-rule: #3A352B;
  --cr-status-submitted-ink: #7FB2E6;
  --cr-status-submitted-fill: #16283C;
  --cr-status-submitted-rule: #274863;
  --cr-status-accepted-ink: #E7C878;
  --cr-status-accepted-fill: #2E2612;
  --cr-status-accepted-rule: #4A3D1C;
  --cr-status-rejected-ink: #F0A79C;
  --cr-status-rejected-fill: #3A211C;
  --cr-status-rejected-rule: #5A342C;
  --cr-status-errored-ink: #E8B583;
  --cr-status-errored-fill: #3A2A18;
  --cr-status-errored-rule: #5A4224;
  --cr-status-success-ink: #7FD1A5;
  --cr-danger-ink: #FFA594;
  --cr-warning-ink: #FFD28D;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --cr-ink: #F7F5FB;
    --cr-ink-secondary: #C8C1D5;
    --cr-ink-tertiary: #ABA1BA;
    --cr-ink-muted: #ABA1BA;
    --cr-workspace-ground: #141219;
    --cr-document: #1C1924;
    --cr-document-muted: #24202E;
    --cr-document-strong: #302B3A;
    --cr-rule-hairline: #3C3548;
    --cr-rule: #3C3548;
    --cr-rule-strong: #756B82;
    --cr-focus-ring: #D7B8FF;
    --cr-control-fill: #18151F;
    --cr-control-rule: #8D819D;
    --cr-control-rule-nested: #8D819D;
    --cr-control-ink: #F7F5FB;
    --cr-action: #8D00E5;
    --cr-action-hover: #9D35E9;
    --cr-action-pressed: #7900C7;
    --cr-action-ink: #FFFFFF;
    --cr-action-rule: #B98BEF;
    --cr-link: #D7B8FF;
    --cr-brand-aqua: #26D4C7;
    --cr-brand-cyan: #05B2F2;
    --cr-info-ink: #74E3D2;
    --cr-info-fill: #12312E;
    --cr-info-rule: #24534E;
    --cr-accent-ink: #7BCBFC;
    --cr-accent-fill: #142D3A;
    --cr-accent-rule: #245266;
    --cr-directory: #19171F;
    --cr-directory-ink: #F7F5FB;
    --cr-directory-ink-muted: #C8C1D5;
    --cr-directory-hover: #24202E;
    --cr-directory-selected: #302B3A;
    --cr-directory-rule: #3C3548;
    --cr-directory-focus-ring: #D7B8FF;
    --cr-selection: #30203F;
    --cr-scrim: #08060D;
    --cr-verified: #D9AE52;
    --cr-verified-ink: #E7C878;
    --cr-verified-fill: #2E2612;
    --cr-money: #F7F5FB;
    --cr-money-negative: #F0A79C;
    --cr-money-credit: #7FB2E6;
    --cr-status-draft-ink: #B7B1A4;
    --cr-status-draft-fill: #2A261E;
    --cr-status-draft-rule: #3A352B;
    --cr-status-submitted-ink: #7FB2E6;
    --cr-status-submitted-fill: #16283C;
    --cr-status-submitted-rule: #274863;
    --cr-status-accepted-ink: #E7C878;
    --cr-status-accepted-fill: #2E2612;
    --cr-status-accepted-rule: #4A3D1C;
    --cr-status-rejected-ink: #F0A79C;
    --cr-status-rejected-fill: #3A211C;
    --cr-status-rejected-rule: #5A342C;
    --cr-status-errored-ink: #E8B583;
    --cr-status-errored-fill: #3A2A18;
    --cr-status-errored-rule: #5A4224;
    --cr-status-success-ink: #7FD1A5;
    --cr-danger-ink: #FFA594;
    --cr-warning-ink: #FFD28D;
  }
}

@media (max-width: 63.99rem), (pointer: coarse) {
  :root {
    --cr-text-lg: 1.125rem;
    --cr-text-xl: 1.25rem;
    --cr-text-2xl: 1.5rem;
    --cr-space-6: 1.5rem;
    --cr-space-8: 2rem;
    --cr-space-10: 2.5rem;
    --cr-space-12: 3rem;
    --cr-space-16: 4rem;
    --cr-row-height: 48px;
    --cr-control-height: 44px;
    --cr-control-height-compact: 36px;
  }
}