/* NUART operations UI tokens: cool white, graphite, one functional blue. */
:root {
  --color-paper: #ffffff;
  --color-paper-2: #f6f7f8;
  --color-paper-3: #eceef0;
  --color-ink: #111315;
  --color-ink-2: #292d32;
  --color-neutral: #555c64;
  --color-muted: #737b84;
  --color-rule: #d9dde1;
  --color-rule-strong: #aeb5bc;
  --color-focus: #315f87;
  --color-focus-soft: #edf3f8;
  --color-success: #24704a;
  --color-success-soft: #edf7f1;
  --color-warning: #8a5b16;
  --color-warning-soft: #fbf5e9;
  --color-danger: #a53a35;
  --color-danger-soft: #fbefee;
  --color-overlay: rgb(17 19 21 / 48%);
  --color-accent: var(--color-ink);
  --color-accent-ink: var(--color-paper);

  --chart-1: #15191d;
  --chart-2: #293038;
  --chart-3: #3d4852;
  --chart-4: #52616d;
  --chart-5: #687985;
  --chart-6: #7e909a;
  --chart-7: #96a4ac;
  --chart-8: #acb8bf;
  --chart-9: #c1c9ce;
  --chart-10: #d4dadd;
  --chart-11: #e6e9eb;

  --font-display: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "SFMono-Regular", "Roboto Mono", "Menlo", monospace;

  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;

  --text-2xs: 10px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 18px;
  --text-xl: 24px;
  --text-2xl: 30px;

  --radius-control: 4px;
  --radius-tag: 3px;
  --radius-card: 2px;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --duration-short: 140ms;
  --duration-medium: 180ms;
  --shadow-modal: 0 18px 50px rgb(17 19 21 / 18%);
  --shadow-rule: 0 1px 0 rgb(17 19 21 / 3%);
}