/* GENERATED from dapmo-v4 origin/origo e913df58a528e485b8d8b0ccb108b852c0bd3477
   migration/design/e1/opus/tokens.draft.toml, release 2026-07-29.1. */
@layer tokens {
  :root {
    --font-ui: ui-sans-serif, system-ui, -apple-system, 'Segoe UI Variable Text', 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', 'JetBrains Mono', 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', Menlo, Consolas, 'Liberation Mono', monospace;
    --canvas-unit: clamp(1rem, 0.625rem + 0.4167vw, 1.25rem);
    --text-micro: 1.0625rem;
    --text-caption: 1.125rem;
    --text-body: 1.25rem;
    --text-lead: 1.375rem;
    --text-title: 1.625rem;
    --text-heading: 2.0625rem;
    --text-display: 2.625rem;
    --text-hero: 3.375rem;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --leading-tight: 1.15;
    --leading-snug: 1.35;
    --leading-normal: 1.5;
    --leading-relaxed: 1.65;
    --tracking-display: -0.014em;
    --tracking-title: -0.008em;
    --tracking-normal: 0em;
    --tracking-mono: 0.02em;
    --tracking-eyebrow: 0.06em;
    --numeric: tabular-nums lining-nums;
    --gap-hair: 0.125rem;
    --gap-inline: 0.375rem;
    --gap-stack: 0.5rem;
    --gap-items: 0.75rem;
    --gap-field: 1rem;
    --gap-group: 1.5rem;
    --gap-section: 2.5rem;
    --gap-page: 4rem;
    --pad-control-inline: 1rem;
    --pad-control-block: 0.5rem;
    --pad-field-inline: 0.75rem;
    --pad-field-block: 0.625rem;
    --pad-cell-inline: 1rem;
    --pad-cell-block: 0.5rem;
    --pad-panel: 1.25rem;
    --pad-panel-tight: 1rem;
    --pad-page-inline: clamp(1rem, 3.2vw, 3.5rem);
    --pad-page-block: 2rem;
    --pad-badge-inline: 0.625rem;
    --pad-badge-block: 0.25rem;
    --size-control-height-compact: 2.5rem;
    --size-control-height-base: 3rem;
    --size-control-height-large: 3.5rem;
    --size-row-height: 3rem;
    --size-hit-target-min: 3rem;
    --size-icon-small: 1.25rem;
    --size-icon-base: 1.5rem;
    --size-icon-large: 2rem;
    --size-mark-dot: 0.625rem;
    --size-badge-height: 1.75rem;
    --size-rail: 2px;
    --size-meter-track: 0.375rem;
    --size-measure-prose: 68ch;
    --size-page-max: 96rem;
    --size-shell-min-block: 30rem;
    --size-shell-dock-block: 3.5rem;
    --size-embedded-shell-block: 55rem;
    --radius-hair: 3px;
    --radius-control: 6px;
    --radius-panel: 10px;
    --radius-overlay: 14px;
    --radius-pill: 999px;
    --radius-circle: 50%;
    --border-hairline: 1px;
    --border-thick: 2px;
    --motion-instant: 0ms;
    --motion-tap: 90ms;
    --motion-swap: 140ms;
    --motion-reveal: 220ms;
    --motion-transit: 320ms;
    --motion-settle: 480ms;
    --motion-ambient: 2400ms;
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --ease-crisp: cubic-bezier(0.3, 0, 0.2, 1);
    --ease-overshoot: cubic-bezier(0.34, 1.28, 0.64, 1);
    --ease-linear: linear;
    --lift-reveal: 0.375rem;
    --lift-raise: 0.0625rem;
    --scale-press: 0.985;
    --scale-rest: 1.0;
    --focus-width: 2px;
    --focus-offset: 0.125rem;
    --focus-offset-inset: -2px;
  }
  :where(:root), :where([data-theme="light"]) {
    --surface-sunken: #f4f6f8;
    --surface-base: #ffffff;
    --surface-raised: #ffffff;
    --surface-overlay: #ffffff;
    --surface-inset: #e8eaee;
    --surface-hover: #eff0f3;
    --surface-active: #dfe1e6;
    --surface-selected: #e9f8fd;
    --surface-disabled: #eff0f3;
    --text-emphasis: #12151a;
    --text-primary: #262a30;
    --text-secondary: #474b52;
    --text-tertiary: #61656c;
    --text-disabled: #9fa4ab;
    --text-on-interactive: #ffffff;
    --text-on-danger: #ffffff;
    --edge-subtle: #e8eaee;
    --edge-default: #d3d6dc;
    --edge-control: #82868e;
    --edge-strong: #61656c;
    --edge-accent: #196579;
    --brand: #349ab6;
    --interactive: #196579;
    --interactive-hover: #164e5e;
    --interactive-active: #13424f;
    --interactive-wash: #e9f8fd;
    --danger: #a61d1d;
    --danger-hover: #811a18;
    --status-ok: #196c3a;
    --status-ok-mark: #25864a;
    --status-ok-wash: #e3fde9;
    --status-ok-ink: #16542d;
    --status-ok-edge: #a8efbb;
    --status-warn: #7b510e;
    --status-warn-mark: #996514;
    --status-warn-wash: #fdf3e8;
    --status-warn-ink: #5f3f13;
    --status-warn-edge: #f2d6b6;
    --status-fail: #a61d1d;
    --status-fail-mark: #c53732;
    --status-fail-wash: #fdf2f1;
    --status-fail-ink: #811a18;
    --status-fail-edge: #f2d3cf;
    --status-info: #196579;
    --status-info-mark: #257d95;
    --status-info-wash: #e9f8fd;
    --status-info-ink: #164e5e;
    --status-info-edge: #b9e4f2;
    --status-active: #196579;
    --status-active-mark: #257d95;
    --status-active-wash: #e9f8fd;
    --status-active-ink: #164e5e;
    --status-active-edge: #b9e4f2;
    --status-neutral: #474b52;
    --status-neutral-mark: #61656c;
    --status-neutral-wash: #e8eaee;
    --status-neutral-ink: #3b3f46;
    --status-neutral-edge: #c8cbd1;
    --surface-scrim: rgba(27,30,37,0.40);
    --focus-ring: #196579;
    --focus-halo: #ffffff;
    --elevation-flat: none;
    --elevation-raised: 0px 1px 2px 0px rgba(13,15,21,0.06), 0px 2px 6px 0px rgba(13,15,21,0.05);
    --elevation-overlay: 0px 2px 4px 0px rgba(13,15,21,0.06), 0px 8px 20px 0px rgba(13,15,21,0.10);
    --elevation-dialog: 0px 8px 16px 0px rgba(13,15,21,0.10), 0px 24px 56px 0px rgba(13,15,21,0.16);
  }
  @media (prefers-color-scheme: dark) {
    :where(:root) {
      --surface-sunken: #080a0f;
      --surface-base: #12151a;
      --surface-raised: #16191f;
      --surface-overlay: #1b1e25;
      --surface-inset: #0d0f15;
      --surface-hover: #1b1e25;
      --surface-active: #20242a;
      --surface-selected: #0d272f;
      --surface-disabled: #16191f;
      --text-emphasis: #fafbfd;
      --text-primary: #dfe1e6;
      --text-secondary: #aeb2b9;
      --text-tertiary: #90959d;
      --text-disabled: #474b52;
      --text-on-interactive: #080a0f;
      --text-on-danger: #ffffff;
      --edge-subtle: #1b1e25;
      --edge-default: #20242a;
      --edge-control: #61656c;
      --edge-strong: #90959d;
      --edge-accent: #47b5d4;
      --brand: #7cd2ec;
      --interactive: #47b5d4;
      --interactive-hover: #7cd2ec;
      --interactive-active: #b9e4f2;
      --interactive-wash: #0d272f;
      --danger: #c53732;
      --danger-hover: #a61d1d;
      --status-ok: #56be78;
      --status-ok-mark: #56be78;
      --status-ok-wash: #0d2a17;
      --status-ok-ink: #82db9b;
      --status-ok-edge: #134726;
      --status-warn: #d89637;
      --status-warn-mark: #d89637;
      --status-warn-wash: #2f200b;
      --status-warn-ink: #edb977;
      --status-warn-edge: #503510;
      --status-fail: #ec8378;
      --status-fail-mark: #ec8378;
      --status-fail-wash: #410f0d;
      --status-fail-ink: #ecb3ac;
      --status-fail-edge: #6d1614;
      --status-info: #47b5d4;
      --status-info-mark: #47b5d4;
      --status-info-wash: #0d272f;
      --status-info-ink: #7cd2ec;
      --status-info-edge: #13424f;
      --status-active: #47b5d4;
      --status-active-mark: #47b5d4;
      --status-active-wash: #0d272f;
      --status-active-ink: #7cd2ec;
      --status-active-edge: #13424f;
      --status-neutral: #9fa4ab;
      --status-neutral-mark: #82868e;
      --status-neutral-wash: #20242a;
      --status-neutral-ink: #bcc0c6;
      --status-neutral-edge: #30333a;
      --surface-scrim: rgba(8,10,15,0.65);
      --focus-ring: #47b5d4;
      --focus-halo: #12151a;
      --elevation-flat: none;
      --elevation-raised: 0px 1px 2px 0px rgba(8,10,15,0.50), inset 0px 1px 0px 0px rgba(255,255,255,0.06);
      --elevation-overlay: 0px 4px 10px 0px rgba(8,10,15,0.55), 0px 12px 32px 0px rgba(8,10,15,0.45), inset 0px 1px 0px 0px rgba(255,255,255,0.09);
      --elevation-dialog: 0px 12px 28px 0px rgba(8,10,15,0.60), 0px 32px 72px 0px rgba(8,10,15,0.50), inset 0px 1px 0px 0px rgba(255,255,255,0.12);
    }
  }
  :where([data-theme="dark"]) {
    --surface-sunken: #080a0f;
    --surface-base: #12151a;
    --surface-raised: #16191f;
    --surface-overlay: #1b1e25;
    --surface-inset: #0d0f15;
    --surface-hover: #1b1e25;
    --surface-active: #20242a;
    --surface-selected: #0d272f;
    --surface-disabled: #16191f;
    --text-emphasis: #fafbfd;
    --text-primary: #dfe1e6;
    --text-secondary: #aeb2b9;
    --text-tertiary: #90959d;
    --text-disabled: #474b52;
    --text-on-interactive: #080a0f;
    --text-on-danger: #ffffff;
    --edge-subtle: #1b1e25;
    --edge-default: #20242a;
    --edge-control: #61656c;
    --edge-strong: #90959d;
    --edge-accent: #47b5d4;
    --brand: #7cd2ec;
    --interactive: #47b5d4;
    --interactive-hover: #7cd2ec;
    --interactive-active: #b9e4f2;
    --interactive-wash: #0d272f;
    --danger: #c53732;
    --danger-hover: #a61d1d;
    --status-ok: #56be78;
    --status-ok-mark: #56be78;
    --status-ok-wash: #0d2a17;
    --status-ok-ink: #82db9b;
    --status-ok-edge: #134726;
    --status-warn: #d89637;
    --status-warn-mark: #d89637;
    --status-warn-wash: #2f200b;
    --status-warn-ink: #edb977;
    --status-warn-edge: #503510;
    --status-fail: #ec8378;
    --status-fail-mark: #ec8378;
    --status-fail-wash: #410f0d;
    --status-fail-ink: #ecb3ac;
    --status-fail-edge: #6d1614;
    --status-info: #47b5d4;
    --status-info-mark: #47b5d4;
    --status-info-wash: #0d272f;
    --status-info-ink: #7cd2ec;
    --status-info-edge: #13424f;
    --status-active: #47b5d4;
    --status-active-mark: #47b5d4;
    --status-active-wash: #0d272f;
    --status-active-ink: #7cd2ec;
    --status-active-edge: #13424f;
    --status-neutral: #9fa4ab;
    --status-neutral-mark: #82868e;
    --status-neutral-wash: #20242a;
    --status-neutral-ink: #bcc0c6;
    --status-neutral-edge: #30333a;
    --surface-scrim: rgba(8,10,15,0.65);
    --focus-ring: #47b5d4;
    --focus-halo: #12151a;
    --elevation-flat: none;
    --elevation-raised: 0px 1px 2px 0px rgba(8,10,15,0.50), inset 0px 1px 0px 0px rgba(255,255,255,0.06);
    --elevation-overlay: 0px 4px 10px 0px rgba(8,10,15,0.55), 0px 12px 32px 0px rgba(8,10,15,0.45), inset 0px 1px 0px 0px rgba(255,255,255,0.09);
    --elevation-dialog: 0px 12px 28px 0px rgba(8,10,15,0.60), 0px 32px 72px 0px rgba(8,10,15,0.50), inset 0px 1px 0px 0px rgba(255,255,255,0.12);
  }
  :where([data-theme="light"]) {
    --surface-sunken: #f4f6f8;
    --surface-base: #ffffff;
    --surface-raised: #ffffff;
    --surface-overlay: #ffffff;
    --surface-inset: #e8eaee;
    --surface-hover: #eff0f3;
    --surface-active: #dfe1e6;
    --surface-selected: #e9f8fd;
    --surface-disabled: #eff0f3;
    --text-emphasis: #12151a;
    --text-primary: #262a30;
    --text-secondary: #474b52;
    --text-tertiary: #61656c;
    --text-disabled: #9fa4ab;
    --text-on-interactive: #ffffff;
    --text-on-danger: #ffffff;
    --edge-subtle: #e8eaee;
    --edge-default: #d3d6dc;
    --edge-control: #82868e;
    --edge-strong: #61656c;
    --edge-accent: #196579;
    --brand: #349ab6;
    --interactive: #196579;
    --interactive-hover: #164e5e;
    --interactive-active: #13424f;
    --interactive-wash: #e9f8fd;
    --danger: #a61d1d;
    --danger-hover: #811a18;
    --status-ok: #196c3a;
    --status-ok-mark: #25864a;
    --status-ok-wash: #e3fde9;
    --status-ok-ink: #16542d;
    --status-ok-edge: #a8efbb;
    --status-warn: #7b510e;
    --status-warn-mark: #996514;
    --status-warn-wash: #fdf3e8;
    --status-warn-ink: #5f3f13;
    --status-warn-edge: #f2d6b6;
    --status-fail: #a61d1d;
    --status-fail-mark: #c53732;
    --status-fail-wash: #fdf2f1;
    --status-fail-ink: #811a18;
    --status-fail-edge: #f2d3cf;
    --status-info: #196579;
    --status-info-mark: #257d95;
    --status-info-wash: #e9f8fd;
    --status-info-ink: #164e5e;
    --status-info-edge: #b9e4f2;
    --status-active: #196579;
    --status-active-mark: #257d95;
    --status-active-wash: #e9f8fd;
    --status-active-ink: #164e5e;
    --status-active-edge: #b9e4f2;
    --status-neutral: #474b52;
    --status-neutral-mark: #61656c;
    --status-neutral-wash: #e8eaee;
    --status-neutral-ink: #3b3f46;
    --status-neutral-edge: #c8cbd1;
    --surface-scrim: rgba(27,30,37,0.40);
    --focus-ring: #196579;
    --focus-halo: #ffffff;
    --elevation-flat: none;
    --elevation-raised: 0px 1px 2px 0px rgba(13,15,21,0.06), 0px 2px 6px 0px rgba(13,15,21,0.05);
    --elevation-overlay: 0px 2px 4px 0px rgba(13,15,21,0.06), 0px 8px 20px 0px rgba(13,15,21,0.10);
    --elevation-dialog: 0px 8px 16px 0px rgba(13,15,21,0.10), 0px 24px 56px 0px rgba(13,15,21,0.16);
  }
  [data-density="compact"] {
    --gap-stack: 0.5rem;
    --gap-items: 0.75rem;
    --gap-field: 1rem;
    --gap-group: 1.25rem;
    --gap-section: 2rem;
    --gap-page: 3rem;
    --pad-control-inline: 0.75rem;
    --pad-control-block: 0.375rem;
    --pad-field-inline: 0.625rem;
    --pad-field-block: 0.5rem;
    --pad-cell-inline: 0.75rem;
    --pad-cell-block: 0.5rem;
    --pad-panel: 1rem;
    --pad-panel-tight: 0.75rem;
    --pad-page-inline: 1.5rem;
    --pad-page-block: 1.5rem;
    --size-control-height-base: 2.5rem;
    --size-row-height: 2.75rem;
    --size-badge-height: 1.5rem;
  }
  @media (pointer: coarse) {
    :root {
      --size-control-height-base: 2.75rem;
      --size-row-height: 2.75rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      --lift-reveal: 0rem;
      --lift-raise: 0rem;
      --scale-press: 1.0;
      --motion-transit: 140ms;
      --motion-reveal: 140ms;
      --motion-ambient: 0ms;
    }
  }
  [data-type-scale="15"] {
    --text-micro: 1rem;
    --text-caption: 1.0625rem;
    --text-body: 1.125rem;
    --text-lead: 1.25rem;
    --text-title: 1.5rem;
    --text-heading: 1.875rem;
    --text-display: 2.375rem;
    --text-hero: 3rem;
  }
  /* NORMATIVE theme-boundary rule: custom properties inherit, but `color` is
     computed where declared. A forced-theme region nested in a page of the
     opposite mode must re-assert inherited token-dependent properties. */
  [data-theme] { color: var(--text-primary); accent-color: var(--interactive); }
  :root { color-scheme: light; }
  @media (prefers-color-scheme: dark) { :root { color-scheme: dark; } }
  [data-theme="dark"]  { color-scheme: dark; }
  [data-theme="light"] { color-scheme: light; }
}