/*
  Workbench design tokens — Acolyte Cloud Solutions
  Every colour, size and timing in the site comes from here.
  Components never use raw values; see docs/design-system.md.
*/
:root {
  color-scheme: dark;

  /* Surfaces: darkest (chrome) to lightest (hover) */
  --wb-surface-chrome: #0F1012;   /* title bar, status bar */
  --wb-surface-canvas: #141518;   /* page background */
  --wb-surface-sidebar: #17181B;  /* explorer, inspector, tab strip */
  --wb-surface-editor: #1B1D21;   /* main document area */
  --wb-surface-raised: #22252A;   /* panels, cards */
  --wb-surface-hover: #262930;    /* hover and selected rows */
  --wb-surface-stripe: #1F2125;   /* zebra rows */

  /* Lines */
  --wb-line: #2E3137;
  --wb-line-strong: #3A3D44;
  --wb-line-hover: #4A4E57;

  /* Text (all pass 4.5:1 on every surface above) */
  --wb-text: #ECE9E2;
  --wb-text-secondary: #C4C1BA;
  --wb-text-muted: #A3A098;
  --wb-text-faint: #8E8B84;       /* placeholders and counts only */
  --wb-text-separator: #5F6169;   /* decorative, never for meaning */

  /* Accent: the candle flame */
  --wb-accent: #F2A93B;
  --wb-accent-hover: #F6BC62;
  --wb-accent-ink: #1A1408;       /* text on accent */
  --wb-accent-wash: rgba(242, 169, 59, 0.12);
  --wb-accent-deep: #9A6418;

  /* Feedback (used sparingly) */
  --wb-positive: #8BD3A8;
  --wb-warning: #F2A93B;
  --wb-danger: #F28B82;

  /* Type */
  --wb-font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --wb-font-mono: "Geist Mono", ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;

  --wb-text-2xs: 0.6875rem;  /* 11 — eyebrows */
  --wb-text-xs: 0.75rem;     /* 12 — mono labels, status bar */
  --wb-text-sm: 0.8125rem;   /* 13 — inspector, tabs */
  --wb-text-md: 0.875rem;    /* 14 — UI default */
  --wb-text-base: 0.9375rem; /* 15 — rows, buttons */
  --wb-text-lg: 1.125rem;    /* 18 — lede */
  --wb-text-xl: 1.25rem;     /* 20 — panel titles */
  --wb-text-2xl: 1.75rem;    /* 28 — section titles */
  --wb-text-3xl: clamp(2rem, 3.4vw, 2.5rem); /* 32–40 — page titles */
  --wb-text-display: clamp(2.375rem, 4.6vw, 4rem); /* 38–64 — hero */

  --wb-leading-tight: 1.05;
  --wb-leading-snug: 1.3;
  --wb-leading-body: 1.6;
  --wb-tracking-display: -0.035em;
  --wb-tracking-title: -0.01em;
  --wb-tracking-label: 0.12em;

  /* Space: 4px grid */
  --wb-space-1: 0.25rem;
  --wb-space-2: 0.5rem;
  --wb-space-3: 0.75rem;
  --wb-space-4: 1rem;
  --wb-space-5: 1.25rem;
  --wb-space-6: 1.5rem;
  --wb-space-8: 2rem;
  --wb-space-10: 2.5rem;
  --wb-space-12: 3rem;
  --wb-space-16: 4rem;
  --wb-space-18: 4.5rem;

  /* Radius */
  --wb-radius-sm: 4px;   /* chips, kbd */
  --wb-radius-md: 6px;   /* tree rows, logo tile */
  --wb-radius-lg: 8px;   /* buttons, inputs */
  --wb-radius-xl: 10px;  /* panels */

  /* Layout */
  --wb-titlebar-h: 60px;
  --wb-statusbar-h: 30px;
  --wb-sidebar-w: 260px;
  --wb-inspector-w: 300px;
  --wb-doc-max: 1000px;
  --wb-hit: 44px;        /* minimum touch target */

  /* Motion */
  --wb-ease: cubic-bezier(0.2, 0, 0, 1);
  --wb-fast: 120ms;
  --wb-medium: 200ms;

  /* Focus */
  --wb-focus-ring: 0 0 0 2px var(--wb-surface-canvas), 0 0 0 4px var(--wb-accent);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --wb-fast: 0ms;
    --wb-medium: 0ms;
  }
}