/*
 * site.css
 *
 * Maps design system semantic tokens to local site-level aliases.
 * index.html styles only reference these variables — never --semantic-* directly.
 *
 * Load order:
 *   1. build/web/tokens.css  ← design system (source of truth)
 *   2. site.css              ← this file (site mapping layer)
 *   3. index.html <style>    ← layout and component styles
 */

:root {
  /* ── Layout ──────────────────────────────────────────────────── */
  --sidebar-w:          220px;

  /* ── Base ────────────────────────────────────────────────────── */
  --bg:                 var(--semantic-surface-bg-default);
  --bg-raised:          var(--semantic-surface-bg-raised);
  --bg-sunken:          var(--semantic-surface-bg-sunken);
  --text:               var(--semantic-content-text-heading);
  --text-muted:         var(--semantic-content-text-caption);
  --text-subtle:        var(--semantic-content-text-placeholder);
  --border:             var(--semantic-neutral-border-subtle);

  /* ── Interactive ─────────────────────────────────────────────── */
  --accent:             var(--semantic-primary-bg-solid);
  --hover-bg:           var(--semantic-selected-bg);
  --focus-ring:         var(--semantic-primary-bg-solid);
  --accent-text:        var(--semantic-selected-border);
  --color-brand:        var(--semantic-surface-bg-brand);
  --bg-brand-subtle:    var(--semantic-surface-bg-brand-subtle);

  /* ── Status: Success ─────────────────────────────────────────── */
  --color-success:      var(--semantic-status-success-bg-solid);
  --color-success-text: var(--semantic-status-success-text-subtle);
  --bg-success:         var(--semantic-status-success-bg-subtle);

  /* ── Status: Warning ─────────────────────────────────────────── */
  --color-warning:      var(--semantic-status-warning-bg-solid);
  --color-warning-text: var(--semantic-status-warning-text-subtle);
  --bg-warning:         var(--semantic-status-warning-bg-subtle);
  --border-warning:     var(--semantic-status-warning-border-subtle);

  /* ── Status: Error ───────────────────────────────────────────── */
  --color-error:        var(--semantic-status-error-bg-solid);
}