/* Design tokens. Variables ONLY, no rules.
   These are the Windows system colours a WinForms program like ST draws with, so the
   web version looks like the desktop program. Light only: ST has no dark mode. */

:root {
  /* Windows system colours */
  --c-window: #ffffff;
  --c-control: #f0f0f0;
  --c-control-light: #f7f7f7;
  --c-button-face: #e1e1e1;
  --c-button-border: #adadad;
  --c-button-hover: #e5f1fb;
  --c-button-hover-border: #0078d7;
  --c-input-border: #7a7a7a;
  --c-etched: #dcdcdc;
  --c-grid-line: #d4d4d4;
  --c-workspace: #ababab;
  --c-win-border: #8a8a8a;
  --c-text: #000000;
  --c-text-gray: #6d6d6d;
  --c-text-disabled: #a0a0a0;
  --c-highlight: #0078d7;
  --c-highlight-text: #ffffff;
  --c-row-hover: #e5f1fb;
  --c-menu: #ffffff;
  --c-menu-border: #cccccc;
  --c-menu-margin: #f2f2f2;
  --c-menu-hover: #cce8ff;
  --c-menu-hover-border: #99d1ff;
  --c-link: #0000ff;
  --c-info: #ffffe1;
  --c-info-border: #c0c0c0;
  --c-error: #c00000;
  --c-error-bg: #fde7e7;
  --c-success: #107c10;
  --c-success-bg: #e6f4ea;
  --c-title-bar: #ffffff;
  --c-progress: #06b025;

  /* aliases used by the components */
  --c-bg: var(--c-control);
  --c-surface: var(--c-window);
  --c-surface-2: var(--c-control);
  --c-border: var(--c-etched);
  --c-border-strong: var(--c-input-border);
  --c-text-soft: var(--c-text-gray);
  --c-text-faint: var(--c-text-disabled);
  --c-accent: var(--c-highlight);
  --c-accent-soft: var(--c-row-hover);
  --c-accent-text: var(--c-highlight-text);
  --c-danger: var(--c-error);
  --c-danger-soft: var(--c-error-bg);
  --c-warning: #7a4b00;
  --c-warning-soft: var(--c-info);
  --c-success-soft: var(--c-success-bg);

  /* spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  /* type: Segoe UI 9pt is the WinForms default */
  --font: "Segoe UI", Tahoma, Arial, sans-serif;
  --font-mono: Consolas, "Courier New", monospace;
  --t-xs: 11px;
  --t-sm: 12px;
  --t-base: 12px;
  --t-md: 13px;
  --t-lg: 15px;
  --t-xl: 18px;

  /* shape: WinForms is square */
  --radius: 0;
  --radius-lg: 0;
  --shadow: none;
  --shadow-pop: 2px 2px 4px rgba(0, 0, 0, 0.25);
  --max-width: 1240px;
  --help-width: 360px;
  --menu-height: 24px;
  --topbar-height: 30px;
  --statusbar-height: 22px;
  --control-height: 23px;
}