/* Copyright 2026 Asim Ihsan
 * SPDX-License-Identifier: MPL-2.0
 */

/* Product surface roles shared by the full editor and tutorial work areas.
   Syntax and diagnostic colours retain their own meaning. */
:root, body[data-theme="light"] {
  --workbench-background: #f4f6f7;
  --workbench-surface: #ffffff;
  --workbench-source: #ffffff;
  --workbench-gutter: #f0f4f5;
  --workbench-ink: #17232c;
  --workbench-muted: #536670;
  --workbench-border: #cfd8dc;
  --workbench-focus: #0f766e;
  --workbench-link: #0f766e;
  --workbench-action: #0f766e;
  --workbench-action-hover: #115e59;
  --workbench-action-ink: #ffffff;
  --workbench-radius: 0.375rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --workbench-background: #111a20;
    --workbench-surface: #17242c;
    --workbench-source: #101c23;
    --workbench-gutter: #21323b;
    --workbench-ink: #e7eef2;
    --workbench-muted: #aabcc6;
    --workbench-border: #344955;
    --workbench-focus: #5eead4;
    --workbench-link: #5eead4;
  }
}

body[data-theme="dark"] {
  --workbench-background: #111a20;
  --workbench-surface: #17242c;
  --workbench-source: #101c23;
  --workbench-gutter: #21323b;
  --workbench-ink: #e7eef2;
  --workbench-muted: #aabcc6;
  --workbench-border: #344955;
  --workbench-focus: #5eead4;
  --workbench-link: #5eead4;
}