/* AtlasMethod/ami-design dist/tokens.css, pinned commit 58681cde696bcdcc2036c8149342170d7f198dc1. Copied into deploy/, not fetched at run time. */
/* Generated from tokens/tokens.json by scripts/build.mjs. Do not edit. */

:root {
  color-scheme: light;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-weight-body: 300;
  --font-weight-emphasis: 600;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 24px;
  --leading-body: 1.45;
  --tracking-body: -0.2px;
  --tracking-headline: -0.8px;
  --tracking-label: 0.4px;
  --color-bg: #ffffff;
  --color-header: #f5f7fa;
  --color-surface: #ffffff;
  --color-surface-muted: #f5f5f5;
  --color-band: #f3f4f6;
  --color-ink: #202020;
  --color-text: #000000;
  --color-text-muted: #202020;
  --color-border: #d7d7d7;
  --color-primary: #1d1b6d;
  --color-primary-pressed: #063f9e;
  --color-selected: #1d1b6d;
  --color-on-primary: #f5f5f5;
  --color-accent: #f8ae1e;
  --color-destructive: #b54a3c;
  --color-success: #3f7a45;
  --color-focus: #3508b7;
  --color-grid: #e6e6e6;
  --color-overlay: rgba(0, 0, 0, 0.35);
  --color-cta: linear-gradient(165deg, #3508b7 0%, #1d1b6d 42%, #063f9e 99%);
  --color-caution: #8a5800;
  --color-link: #1251b5;
  --color-status-planned: #3e5166;
  --color-status-due: #8a5800;
  --color-status-overdue: #8f3d12;
  --color-status-missed: #5c5348;
  --color-status-signed: #3f7a45;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 20px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 2px 12px rgba(0, 0, 0, 0.08);
  --control-button: 36px;
  --control-field: 52px;
  --control-tab: 38px;
  --control-touch-min: 44px;
  --layout-chrome: 56px;
  --layout-mark-header: 48px;
  --layout-mark-login: 56px;
  --layout-page: 24px;
  --layout-page-narrow: 16px;
  --layout-page-narrow-below: 720px;
  --table-pad: 12px;
  --table-header-size: 12px;
  --table-dense-row: 32px;
  --table-dense-pad-x: 8px;
  --table-dense-pad-y: 4px;
  --table-dense-font: 14px;
  --table-dense-header-size: 12px;
  --text-scale-default: 1;
  --text-scale-large: 1.2;
  --motion-arrive-duration: 450ms;
  --motion-arrive-easing: ease;
  --motion-arrive-distance: -12px;
  --motion-arrive-reduced: none;
  --motion-leave-duration: 450ms;
  --motion-leave-easing: ease;
  --motion-leave-distance: -12px;
  --motion-leave-reduced: none;
  --motion-flip-duration: 500ms;
  --motion-flip-easing: ease;
  --motion-flip-reduced: none;
  --motion-toast-duration: 180ms;
  --motion-toast-easing: ease;
  --motion-toast-reduced: none;
  --motion-confirm-duration: 1100ms;
  --motion-confirm-easing: ease;
  --motion-confirm-reduced: none;
  --motion-hover-brightness: 1.12;
  --motion-hover-reduced: none;
}

html.dark {
  color-scheme: dark;
  --color-bg: #000000;
  --color-header: #202020;
  --color-surface: #202020;
  --color-surface-muted: #202020;
  --color-band: #202020;
  --color-ink: #f5f5f5;
  --color-text: #f5f5f5;
  --color-text-muted: #d7d7d7;
  --color-border: #3a3a3a;
  --color-primary: #1d1b6d;
  --color-primary-pressed: #063f9e;
  --color-selected: #a8a6f0;
  --color-on-primary: #f5f5f5;
  --color-accent: #f8ae1e;
  --color-destructive: #d96a5b;
  --color-success: #7dab7a;
  --color-focus: #a490df;
  --color-grid: #333333;
  --color-overlay: rgba(0, 0, 0, 0.35);
  --color-cta: linear-gradient(165deg, #3508b7 0%, #1d1b6d 42%, #063f9e 99%);
  --color-caution: #f6c445;
  --color-link: #9ec1ff;
  --color-status-planned: #c5d4e2;
  --color-status-due: #f6c445;
  --color-status-overdue: #f0a06a;
  --color-status-missed: #d2c6b6;
  --color-status-signed: #7dab7a;
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 2px 12px rgba(0, 0, 0, 0.45);
}