/* GENERATED from design/tokens/csm-tokens.json by design/tokens/build-css.mjs — do not edit by hand. */
/* CSM design tokens. Adapted by copy from the Neev design system v2.2 (ADR-0008). */

:root {
  color-scheme: light;
  --csm-accent: #26CFC6;
  --csm-accent-deep: #1DBDB5;
  --csm-accent-ink: #0A6B66;
  --csm-accent-soft: #C6F1EE;
  --csm-accent-tint: #E4F8F6;
  --csm-on-accent: #111418;
  --csm-black: #111418;
  --csm-black-soft: #1E232A;
  --csm-on-black: #F9F8F5;
  --csm-on-black-2: rgba(249,248,245,0.72);
  --csm-heavy-block: #111418;
  --csm-heavy-block-hover: #1E232A;
  --csm-on-heavy-block: #F9F8F5;
  --csm-rail: #111418;
  --csm-rail-soft: #1E232A;
  --csm-on-rail: #F9F8F5;
  --csm-on-rail-2: rgba(249,248,245,0.72);
  --csm-rail-current: #F9F8F5;
  --csm-off: #F9F8F5;
  --csm-off-deep: #EFECE3;
  --csm-white: #FFFFFF;
  --csm-ink: #111418;
  --csm-ink-2: #3A3F47;
  --csm-ink-3: #5C636D;
  --csm-lavender: #D6CFFF;
  --csm-lavender-deep: #B8AEEC;
  --csm-mint: #B8E8C9;
  --csm-mint-deep: #8ED5A8;
  --csm-butter: #FFE38A;
  --csm-butter-deep: #F2C84A;
  --csm-peach: #FFC2A8;
  --csm-peach-deep: #F29D7A;
  --csm-sky: #BBD6FF;
  --csm-sky-deep: #7FB0F2;
  --csm-mauve: #E2D4F0;
  --csm-mauve-deep: #C1AAD9;
  --csm-success-bg: #B8E8C9;
  --csm-success-ink: #1F6B47;
  --csm-warning-bg: #FFE38A;
  --csm-warning-ink: #6F4810;
  --csm-danger-bg: #FFD3D3;
  --csm-danger-ink: #9E1D1D;
  --csm-danger-wash: #FFF0F0;
  --csm-info-bg: #BBD6FF;
  --csm-info-ink: #1F4E94;
  --csm-neutral-bg: #EFECE3;
  --csm-neutral-ink: #3A3F47;
  --csm-brand-bg: #E4F8F6;
  --csm-brand-ink: #0A6B66;
  --csm-line: rgba(17,20,24,0.08);
  --csm-line-table: rgba(17,20,24,0.12);
  --csm-line-input: #7D848E;
  --csm-focus: #0A6B66;
  --csm-focus-on-dark: #26CFC6;
  --csm-edge: rgba(17,20,24,0);
  --csm-scrim: rgba(17,20,24,0.48);
  --csm-paper: #FBFAF6;
  --csm-paper-ink: #2A2A2A;
  --csm-paper-focus: #0A6B66;
  --csm-line-width: 1px;
  --csm-line-width-input: 1.5px;
  --csm-focus-ring: 0 0 0 3px var(--csm-focus);
  --csm-focus-ring-on-dark: 0 0 0 3px var(--csm-focus-on-dark);
  --csm-focus-ring-on-fill: 0 0 0 2px var(--csm-off), 0 0 0 5px var(--csm-focus);
  --csm-focus-ring-light-on-dark: 0 0 0 2px var(--csm-rail), 0 0 0 5px var(--csm-focus-on-dark);
  --csm-font-display: "Bricolage Grotesque", "Inter Tight", sans-serif;
  --csm-font-body: "Inter Tight", "Noto Sans Devanagari", -apple-system, "Segoe UI", Roboto, sans-serif;
  --csm-font-devanagari: "Noto Sans Devanagari", "Inter Tight", sans-serif;
  --csm-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --csm-weight-body: 400;
  --csm-weight-label: 600;
  --csm-weight-display: 600;
  --csm-type-body: 14px;
  --csm-type-qty-floor: 16px;
  --csm-type-qty-hero: 48px;
  --csm-type-title-field: 22px;
  --csm-type-title-web: 21px;
  --csm-type-label: 13px;
  --csm-type-eyebrow: 12px;
  --csm-type-line-latin: 1.45;
  --csm-type-line-devanagari: 1.5;
  --csm-space-1: 4px;
  --csm-space-2: 8px;
  --csm-space-3: 10px;
  --csm-space-4: 14px;
  --csm-space-5: 18px;
  --csm-space-6: 22px;
  --csm-space-7: 28px;
  --csm-space-8: 36px;
  --csm-space-9: 48px;
  --csm-space-10: 64px;
  --csm-space-11: 88px;
  --csm-space-12: 120px;
  --csm-radius-chip: 4px;
  --csm-radius-input: 10px;
  --csm-radius-tile: 14px;
  --csm-radius-card: 18px;
  --csm-radius-block: 36px;
  --csm-radius-pill: 999px;
  --csm-size-target-min: 48px;
  --csm-size-target-field: 56px;
  --csm-size-phone: 412px;
  --csm-size-sidebar: 240px;
  --csm-size-topbar: 64px;
  --csm-shadow-hover: 0 8px 24px -12px rgba(17,20,24,0.14);
  --csm-shadow-popover: 0 18px 48px rgba(17,20,24,0.16), 0 0 0 1px rgba(17,20,24,0.06);
  --csm-shadow-modal: 0 32px 80px rgba(17,20,24,0.30);
  --csm-motion-ease: cubic-bezier(0.2, 0, 0.2, 1);
  --csm-motion-dur-state: 120ms;
  --csm-motion-dur-surface: 200ms;
}

/* Theme: default (restated for nesting) */
[data-theme="default"] {
  color-scheme: light;
  --csm-accent: #26CFC6;
  --csm-accent-deep: #1DBDB5;
  --csm-accent-ink: #0A6B66;
  --csm-accent-soft: #C6F1EE;
  --csm-accent-tint: #E4F8F6;
  --csm-on-accent: #111418;
  --csm-black: #111418;
  --csm-black-soft: #1E232A;
  --csm-on-black: #F9F8F5;
  --csm-on-black-2: rgba(249,248,245,0.72);
  --csm-heavy-block: #111418;
  --csm-heavy-block-hover: #1E232A;
  --csm-on-heavy-block: #F9F8F5;
  --csm-rail: #111418;
  --csm-rail-soft: #1E232A;
  --csm-on-rail: #F9F8F5;
  --csm-on-rail-2: rgba(249,248,245,0.72);
  --csm-rail-current: #F9F8F5;
  --csm-off: #F9F8F5;
  --csm-off-deep: #EFECE3;
  --csm-white: #FFFFFF;
  --csm-ink: #111418;
  --csm-ink-2: #3A3F47;
  --csm-ink-3: #5C636D;
  --csm-success-ink: #1F6B47;
  --csm-warning-ink: #6F4810;
  --csm-danger-ink: #9E1D1D;
  --csm-danger-wash: #FFF0F0;
  --csm-info-ink: #1F4E94;
  --csm-neutral-bg: #EFECE3;
  --csm-neutral-ink: #3A3F47;
  --csm-brand-bg: #E4F8F6;
  --csm-brand-ink: #0A6B66;
  --csm-line: rgba(17,20,24,0.08);
  --csm-line-table: rgba(17,20,24,0.12);
  --csm-line-input: #7D848E;
  --csm-focus: #0A6B66;
  --csm-focus-on-dark: #26CFC6;
  --csm-edge: rgba(17,20,24,0);
  --csm-scrim: rgba(17,20,24,0.48);
  --csm-paper: #FBFAF6;
  --csm-paper-ink: #2A2A2A;
  --csm-paper-focus: #0A6B66;
  --csm-lavender: #D6CFFF;
  --csm-lavender-deep: #B8AEEC;
  --csm-mint: #B8E8C9;
  --csm-mint-deep: #8ED5A8;
  --csm-butter: #FFE38A;
  --csm-butter-deep: #F2C84A;
  --csm-peach: #FFC2A8;
  --csm-peach-deep: #F29D7A;
  --csm-sky: #BBD6FF;
  --csm-sky-deep: #7FB0F2;
  --csm-mauve: #E2D4F0;
  --csm-mauve-deep: #C1AAD9;
  --csm-success-bg: #B8E8C9;
  --csm-warning-bg: #FFE38A;
  --csm-danger-bg: #FFD3D3;
  --csm-info-bg: #BBD6FF;
  --csm-line-width: 1px;
  --csm-line-width-input: 1.5px;
  --csm-focus-ring: 0 0 0 3px var(--csm-focus);
  --csm-focus-ring-on-dark: 0 0 0 3px var(--csm-focus-on-dark);
  --csm-focus-ring-on-fill: 0 0 0 2px var(--csm-off), 0 0 0 5px var(--csm-focus);
  --csm-focus-ring-light-on-dark: 0 0 0 2px var(--csm-rail), 0 0 0 5px var(--csm-focus-on-dark);
  --csm-weight-body: 400;
  --csm-weight-label: 600;
  --csm-weight-display: 600;
  --csm-shadow-hover: 0 8px 24px -12px rgba(17,20,24,0.14);
  --csm-shadow-popover: 0 18px 48px rgba(17,20,24,0.16), 0 0 0 1px rgba(17,20,24,0.06);
  --csm-shadow-modal: 0 32px 80px rgba(17,20,24,0.30);
}

/* Theme: high-contrast */
[data-theme="high-contrast"] {
  color-scheme: light;
  --csm-accent: #26CFC6;
  --csm-accent-deep: #1FBDB5;
  --csm-accent-ink: #00504B;
  --csm-accent-soft: #A6EAE5;
  --csm-accent-tint: #D2F5F2;
  --csm-on-accent: #000000;
  --csm-black: #000000;
  --csm-black-soft: #1A1A1A;
  --csm-on-black: #FFFFFF;
  --csm-on-black-2: #FFFFFF;
  --csm-heavy-block: #000000;
  --csm-heavy-block-hover: #1A1A1A;
  --csm-on-heavy-block: #FFFFFF;
  --csm-rail: #000000;
  --csm-rail-soft: #1A1A1A;
  --csm-on-rail: #FFFFFF;
  --csm-on-rail-2: #FFFFFF;
  --csm-rail-current: #FFFFFF;
  --csm-off: #FFFFFF;
  --csm-off-deep: #E8E8E8;
  --csm-white: #FFFFFF;
  --csm-ink: #000000;
  --csm-ink-2: #1A1A1A;
  --csm-ink-3: #333333;
  --csm-success-ink: #0B4A2E;
  --csm-warning-ink: #4A2E00;
  --csm-danger-ink: #7A0E0E;
  --csm-danger-wash: #FFE3E3;
  --csm-info-ink: #0F3468;
  --csm-neutral-bg: #E8E8E8;
  --csm-neutral-ink: #1A1A1A;
  --csm-brand-bg: #D2F5F2;
  --csm-brand-ink: #00504B;
  --csm-line: #000000;
  --csm-line-table: #000000;
  --csm-line-input: #000000;
  --csm-focus: #000000;
  --csm-focus-on-dark: #FFFFFF;
  --csm-edge: #000000;
  --csm-scrim: rgba(0,0,0,0.72);
  --csm-paper: #FBFAF6;
  --csm-paper-ink: #2A2A2A;
  --csm-paper-focus: #000000;
  --csm-lavender: #D6CFFF;
  --csm-lavender-deep: #B8AEEC;
  --csm-mint: #B8E8C9;
  --csm-mint-deep: #8ED5A8;
  --csm-butter: #FFE38A;
  --csm-butter-deep: #F2C84A;
  --csm-peach: #FFC2A8;
  --csm-peach-deep: #F29D7A;
  --csm-sky: #BBD6FF;
  --csm-sky-deep: #7FB0F2;
  --csm-mauve: #E2D4F0;
  --csm-mauve-deep: #C1AAD9;
  --csm-success-bg: #B8E8C9;
  --csm-warning-bg: #FFE38A;
  --csm-danger-bg: #FFD3D3;
  --csm-info-bg: #BBD6FF;
  --csm-line-width: 2px;
  --csm-line-width-input: 2px;
  --csm-focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 5px #000000;
  --csm-focus-ring-on-dark: 0 0 0 3px #FFFFFF;
  --csm-focus-ring-on-fill: 0 0 0 2px #FFFFFF, 0 0 0 5px #000000;
  --csm-focus-ring-light-on-dark: 0 0 0 2px #000000, 0 0 0 5px #FFFFFF;
  --csm-weight-body: 500;
  --csm-weight-label: 700;
  --csm-weight-display: 700;
  --csm-shadow-hover: none;
  --csm-shadow-popover: 0 0 0 2px #000000;
  --csm-shadow-modal: 0 0 0 2px #000000;
}

/* Theme: dark */
[data-theme="dark"] {
  color-scheme: dark;
  --csm-accent: #1FB5AD;
  --csm-accent-deep: #2CC9C0;
  --csm-accent-ink: #5ED8D0;
  --csm-accent-soft: #123C42;
  --csm-accent-tint: #12322F;
  --csm-on-accent: #0E1114;
  --csm-black: #DEDCD6;
  --csm-black-soft: #C8C6BF;
  --csm-on-black: #14181C;
  --csm-on-black-2: rgba(20,24,28,0.76);
  --csm-heavy-block: #36414C;
  --csm-heavy-block-hover: #424D59;
  --csm-on-heavy-block: #E6E4DF;
  --csm-rail: #0D1013;
  --csm-rail-soft: #20262C;
  --csm-on-rail: #E6E4DF;
  --csm-on-rail-2: rgba(230,228,223,0.72);
  --csm-rail-current: #123C42;
  --csm-off: #14181C;
  --csm-off-deep: #2A3038;
  --csm-white: #1D2228;
  --csm-ink: #E6E4DF;
  --csm-ink-2: #C3C6CB;
  --csm-ink-3: #9BA2AB;
  --csm-success-ink: #B4DD9E;
  --csm-warning-ink: #F7D16B;
  --csm-danger-ink: #FFABAB;
  --csm-danger-wash: #2C1B1E;
  --csm-info-ink: #AECBFA;
  --csm-neutral-bg: #2A3038;
  --csm-neutral-ink: #D3D6DA;
  --csm-brand-bg: #12322F;
  --csm-brand-ink: #86E2DA;
  --csm-line: rgba(230,228,223,0.12);
  --csm-line-table: rgba(230,228,223,0.20);
  --csm-line-input: #858D97;
  --csm-focus: #5ED8D0;
  --csm-focus-on-dark: #5ED8D0;
  --csm-edge: rgba(230,228,223,0);
  --csm-scrim: rgba(5,7,9,0.66);
  --csm-paper: #FBFAF6;
  --csm-paper-ink: #2A2A2A;
  --csm-paper-focus: #0A6B66;
  --csm-lavender: #342E54;
  --csm-lavender-deep: #463E6E;
  --csm-mint: #243A1C;
  --csm-mint-deep: #34522A;
  --csm-butter: #3D3210;
  --csm-butter-deep: #574817;
  --csm-peach: #4A2B1E;
  --csm-peach-deep: #663D2B;
  --csm-sky: #1A2D4A;
  --csm-sky-deep: #26416A;
  --csm-mauve: #382D46;
  --csm-mauve-deep: #4E3F61;
  --csm-success-bg: #243A1C;
  --csm-warning-bg: #3D3210;
  --csm-danger-bg: #4A1B1D;
  --csm-info-bg: #1A2D4A;
  --csm-line-width: 1px;
  --csm-line-width-input: 1.5px;
  --csm-focus-ring: 0 0 0 2px var(--csm-off), 0 0 0 5px var(--csm-focus);
  --csm-focus-ring-on-dark: 0 0 0 3px var(--csm-focus-on-dark);
  --csm-focus-ring-on-fill: 0 0 0 2px var(--csm-off), 0 0 0 5px var(--csm-focus);
  --csm-focus-ring-light-on-dark: 0 0 0 2px var(--csm-rail), 0 0 0 5px var(--csm-focus-on-dark);
  --csm-weight-body: 400;
  --csm-weight-label: 600;
  --csm-weight-display: 600;
  --csm-shadow-hover: 0 8px 24px -12px rgba(0,0,0,0.60);
  --csm-shadow-popover: 0 18px 48px rgba(0,0,0,0.50), 0 0 0 1px rgba(230,228,223,0.14);
  --csm-shadow-modal: 0 32px 80px rgba(0,0,0,0.60), 0 0 0 1px rgba(230,228,223,0.14);
}

/* Follow the OS (prefers-color-scheme: dark) setting while the person has chosen no theme. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --csm-accent: #1FB5AD;
    --csm-accent-deep: #2CC9C0;
    --csm-accent-ink: #5ED8D0;
    --csm-accent-soft: #123C42;
    --csm-accent-tint: #12322F;
    --csm-on-accent: #0E1114;
    --csm-black: #DEDCD6;
    --csm-black-soft: #C8C6BF;
    --csm-on-black: #14181C;
    --csm-on-black-2: rgba(20,24,28,0.76);
    --csm-heavy-block: #36414C;
    --csm-heavy-block-hover: #424D59;
    --csm-on-heavy-block: #E6E4DF;
    --csm-rail: #0D1013;
    --csm-rail-soft: #20262C;
    --csm-on-rail: #E6E4DF;
    --csm-on-rail-2: rgba(230,228,223,0.72);
    --csm-rail-current: #123C42;
    --csm-off: #14181C;
    --csm-off-deep: #2A3038;
    --csm-white: #1D2228;
    --csm-ink: #E6E4DF;
    --csm-ink-2: #C3C6CB;
    --csm-ink-3: #9BA2AB;
    --csm-success-ink: #B4DD9E;
    --csm-warning-ink: #F7D16B;
    --csm-danger-ink: #FFABAB;
    --csm-danger-wash: #2C1B1E;
    --csm-info-ink: #AECBFA;
    --csm-neutral-bg: #2A3038;
    --csm-neutral-ink: #D3D6DA;
    --csm-brand-bg: #12322F;
    --csm-brand-ink: #86E2DA;
    --csm-line: rgba(230,228,223,0.12);
    --csm-line-table: rgba(230,228,223,0.20);
    --csm-line-input: #858D97;
    --csm-focus: #5ED8D0;
    --csm-focus-on-dark: #5ED8D0;
    --csm-edge: rgba(230,228,223,0);
    --csm-scrim: rgba(5,7,9,0.66);
    --csm-paper: #FBFAF6;
    --csm-paper-ink: #2A2A2A;
    --csm-paper-focus: #0A6B66;
    --csm-lavender: #342E54;
    --csm-lavender-deep: #463E6E;
    --csm-mint: #243A1C;
    --csm-mint-deep: #34522A;
    --csm-butter: #3D3210;
    --csm-butter-deep: #574817;
    --csm-peach: #4A2B1E;
    --csm-peach-deep: #663D2B;
    --csm-sky: #1A2D4A;
    --csm-sky-deep: #26416A;
    --csm-mauve: #382D46;
    --csm-mauve-deep: #4E3F61;
    --csm-success-bg: #243A1C;
    --csm-warning-bg: #3D3210;
    --csm-danger-bg: #4A1B1D;
    --csm-info-bg: #1A2D4A;
    --csm-line-width: 1px;
    --csm-line-width-input: 1.5px;
    --csm-focus-ring: 0 0 0 2px var(--csm-off), 0 0 0 5px var(--csm-focus);
    --csm-focus-ring-on-dark: 0 0 0 3px var(--csm-focus-on-dark);
    --csm-focus-ring-on-fill: 0 0 0 2px var(--csm-off), 0 0 0 5px var(--csm-focus);
    --csm-focus-ring-light-on-dark: 0 0 0 2px var(--csm-rail), 0 0 0 5px var(--csm-focus-on-dark);
    --csm-weight-body: 400;
    --csm-weight-label: 600;
    --csm-weight-display: 600;
    --csm-shadow-hover: 0 8px 24px -12px rgba(0,0,0,0.60);
    --csm-shadow-popover: 0 18px 48px rgba(0,0,0,0.50), 0 0 0 1px rgba(230,228,223,0.14);
    --csm-shadow-modal: 0 32px 80px rgba(0,0,0,0.60), 0 0 0 1px rgba(230,228,223,0.14);
  }
}

/* Follow the OS (prefers-contrast: more) setting while the person has chosen no theme. */
@media (prefers-contrast: more) {
  :root:not([data-theme]) {
    color-scheme: light;
    --csm-accent: #26CFC6;
    --csm-accent-deep: #1FBDB5;
    --csm-accent-ink: #00504B;
    --csm-accent-soft: #A6EAE5;
    --csm-accent-tint: #D2F5F2;
    --csm-on-accent: #000000;
    --csm-black: #000000;
    --csm-black-soft: #1A1A1A;
    --csm-on-black: #FFFFFF;
    --csm-on-black-2: #FFFFFF;
    --csm-heavy-block: #000000;
    --csm-heavy-block-hover: #1A1A1A;
    --csm-on-heavy-block: #FFFFFF;
    --csm-rail: #000000;
    --csm-rail-soft: #1A1A1A;
    --csm-on-rail: #FFFFFF;
    --csm-on-rail-2: #FFFFFF;
    --csm-rail-current: #FFFFFF;
    --csm-off: #FFFFFF;
    --csm-off-deep: #E8E8E8;
    --csm-white: #FFFFFF;
    --csm-ink: #000000;
    --csm-ink-2: #1A1A1A;
    --csm-ink-3: #333333;
    --csm-success-ink: #0B4A2E;
    --csm-warning-ink: #4A2E00;
    --csm-danger-ink: #7A0E0E;
    --csm-danger-wash: #FFE3E3;
    --csm-info-ink: #0F3468;
    --csm-neutral-bg: #E8E8E8;
    --csm-neutral-ink: #1A1A1A;
    --csm-brand-bg: #D2F5F2;
    --csm-brand-ink: #00504B;
    --csm-line: #000000;
    --csm-line-table: #000000;
    --csm-line-input: #000000;
    --csm-focus: #000000;
    --csm-focus-on-dark: #FFFFFF;
    --csm-edge: #000000;
    --csm-scrim: rgba(0,0,0,0.72);
    --csm-paper: #FBFAF6;
    --csm-paper-ink: #2A2A2A;
    --csm-paper-focus: #000000;
    --csm-lavender: #D6CFFF;
    --csm-lavender-deep: #B8AEEC;
    --csm-mint: #B8E8C9;
    --csm-mint-deep: #8ED5A8;
    --csm-butter: #FFE38A;
    --csm-butter-deep: #F2C84A;
    --csm-peach: #FFC2A8;
    --csm-peach-deep: #F29D7A;
    --csm-sky: #BBD6FF;
    --csm-sky-deep: #7FB0F2;
    --csm-mauve: #E2D4F0;
    --csm-mauve-deep: #C1AAD9;
    --csm-success-bg: #B8E8C9;
    --csm-warning-bg: #FFE38A;
    --csm-danger-bg: #FFD3D3;
    --csm-info-bg: #BBD6FF;
    --csm-line-width: 2px;
    --csm-line-width-input: 2px;
    --csm-focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 5px #000000;
    --csm-focus-ring-on-dark: 0 0 0 3px #FFFFFF;
    --csm-focus-ring-on-fill: 0 0 0 2px #FFFFFF, 0 0 0 5px #000000;
    --csm-focus-ring-light-on-dark: 0 0 0 2px #000000, 0 0 0 5px #FFFFFF;
    --csm-weight-body: 500;
    --csm-weight-label: 700;
    --csm-weight-display: 700;
    --csm-shadow-hover: none;
    --csm-shadow-popover: 0 0 0 2px #000000;
    --csm-shadow-modal: 0 0 0 2px #000000;
  }
}

[data-posture="field"] {
  --csm-type-body: 16px;
  --csm-size-target-min: 48px;
}

[data-posture="operational"] {
  --csm-type-body: 14px;
  --csm-size-target-min: 48px;
}

[data-posture="editorial"] {
  --csm-type-body: 17px;
  --csm-size-target-min: 48px;
}

[data-density="compact"] [data-posture="operational"],
[data-density="compact"][data-posture="operational"] {
  --csm-type-body: 13.5px;
}

[data-qty-surface][data-qty-surface] { /* doubled to out-rank Dense on the same element */
  --csm-type-body: var(--csm-type-qty-floor);
}

/* Counter and gate screens: 56px targets. */
[data-station] {
  --csm-size-target-min: var(--csm-size-target-field);
}