/*
  Workspace shared theme: Workbench Light
  Use by adding this file as the active theme stylesheet.
*/
:root,
:root[data-app-theme="workbench-light"] {
  color-scheme: light;

  --theme-id: "workbench-light";
  --theme-name: "Workbench Light";

  --app-bg: #eef1f3;
  --app-surface: #ffffff;
  --app-surface-muted: #f7f9fa;
  --app-surface-raised: #ffffff;
  --app-border: #cfd7de;
  --app-border-strong: #b7c2ca;
  --app-text: #182027;
  --app-text-muted: #64717e;
  --app-accent: #176b62;
  --app-accent-hover: #115850;
  --app-accent-soft: #e7f2ef;
  --app-focus: #2364c8;
  --app-warning: #8d4d20;
  --app-danger: #8d2424;
  --app-code-bg: #101820;
  --app-code-text: #e8f0ef;

  --app-radius-sm: 4px;
  --app-radius: 6px;
  --app-radius-lg: 8px;
  --app-shadow: 0 8px 24px rgb(15 23 42 / 10%);

  /* Compatibility aliases for current Develop apps. */
  --bg: var(--app-bg);
  --panel: var(--app-surface);
  --panel-2: var(--app-surface-muted);
  --panel-alt: var(--app-surface-muted);
  --panel-soft: var(--app-surface-muted);
  --surface: var(--app-surface);
  --surface-2: var(--app-surface-muted);
  --ink: var(--app-text);
  --text: var(--app-text);
  --muted: var(--app-text-muted);
  --border: var(--app-border);
  --line: var(--app-border);
  --line-strong: var(--app-border-strong);
  --accent: var(--app-accent);
  --accent-hover: var(--app-accent-hover);
  --accent-strong: var(--app-accent-hover);
  --accent-2: #a56716;
  --selected: var(--app-accent-soft);
  --warn: var(--app-warning);
  --danger: var(--app-danger);
  --code-bg: var(--app-code-bg);
  --code-ink: var(--app-code-text);
  --radius: var(--app-radius-lg);
  --shadow: var(--app-shadow);
  --sidebar: #202832;
  --sidebar-soft: #2b3542;
  --sidebar-text: #edf2f7;
  --sidebar-muted: #aeb8c4;
  --green: #1f7a4d;
  --amber: #9a6200;
  --red: var(--app-danger);
  --blue: var(--app-accent);
}