/* WinOops design tokens: the single source for colour, type, spacing and effects. */
:root {
  --cobalt-900: #0c1f6b; --cobalt-800: #14349a; --cobalt-700: #1e47c4; --cobalt-600: #2f63e6; --cobalt-500: #5b8cff; --cobalt-300: #a9c3ff; --cobalt-100: #e6eeff;
  --green-800: #1f6a2a; --green-700: #2a7d33; --green-600: #35903f; --green-500: #63c05f;
  --cream-50: #fffdf6; --cream-100: #fbf8ec; --cream-200: #f1ecd7; --cream-300: #e2dcc0; --line: #b4ad8f;
  --silver-100: #f3f4f6; --silver-300: #c9ccd3; --silver-500: #8e929c; --silver-700: #4b4f5a;
  --ink: #14234f; --text: #111827; --text-dim: #5c6270; --text-disabled: #858576;
  --amber: #f3a712; --danger: #d63b2f; --warn: #e8a413;
  --select: #2a56c6; --select-text: #ffffff; --focus: #f3a712;

  --surface: var(--cream-200);       /* dialogs, toolbars, status bars */
  --surface-raised: var(--cream-100);
  --field: #ffffff;
  --frame: var(--cobalt-700);        /* active window frame */
  --frame-inactive: #6a7aae;
  --inactive-title-bg: #566699;       /* darkest/most common colour behind inactive title text */

  --font-ui: Tahoma, Verdana, "DejaVu Sans", "Noto Sans", sans-serif;
  --font-title: "Trebuchet MS", "Fira Sans", "DejaVu Sans", Verdana, sans-serif;
  --font-mono: "Lucida Console", "DejaVu Sans Mono", Consolas, monospace;
  --font-doc: "Times New Roman", "Liberation Serif", Georgia, serif;
  --fs-ui: 11px; --fs-title: 13px;

  --radius: 3px; --radius-window: 6px;
  --titlebar-h: 28px; --taskbar-h: 32px;
  --title-grad: linear-gradient(115deg, transparent 0 74%, rgba(255, 255, 255, .22) 74% 74.5%, transparent 74.5%),
    linear-gradient(180deg, #4a7cf6 0%, #2f63e6 14%, #1e47c4 55%, #17389f 100%);
  --title-grad-inactive: linear-gradient(115deg, transparent 0 74%, rgba(255, 255, 255, .2) 74% 74.5%, transparent 74.5%),
    linear-gradient(180deg, #7686b8 0%, #6575a9 55%, #566699 100%);
  --task-grad: linear-gradient(180deg, #3b6ae6 0%, #1e47c4 12%, #17389f 100%);
  --shadow-win: 0 0 0 1px #0c1f6b, 3px 4px 10px rgba(0, 0, 0, .45);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}