/* PromptLab — Design tokens */

:root {
  /* Brand accent — deep violet (prompt engineering) */
  --pl-violet:       #7c3aed;
  --pl-violet-dim:   #6d28d9;
  --pl-violet-light: rgba(124, 58, 237, 0.16);
  --pl-violet-hover: rgba(124, 58, 237, 0.24);

  /* Surfaces (same dark base as GPTLab) */
  --bg:          #212121;
  --bg-sidebar:  #171717;
  --bg-elevated: #2f2f2f;
  --bg-surface:  #2a2a2a;
  --bg-hover:    rgba(255, 255, 255, 0.06);
  --bg-active:   rgba(255, 255, 255, 0.10);
  --bg-input:    #2f2f2f;
  --bg-card:     #1e1e1e;

  /* Border */
  --border:       rgba(255, 255, 255, 0.10);
  --border-light: rgba(255, 255, 255, 0.06);

  /* Text */
  --fg:         #ececec;
  --fg-muted:   #8e8ea0;
  --fg-subtle:  #6e6e80;
  --fg-heading: #ffffff;

  /* Section colors */
  --c-role:     #f59e0b;
  --c-context:  #3b82f6;
  --c-task:     #10b981;
  --c-format:   #f97316;
  --c-examples: #8b5cf6;
  --c-limits:   #ef4444;
  --c-tone:     #ec4899;

  /* Banner — deep indigo */
  --banner-bg:    #1e1b4b;
  --banner-mid:   #2e1d6b;
  --banner-text:  #a5b4fc;
  --banner-sub:   rgba(165, 180, 252, 0.60);

  /* Sidebar */
  --sidebar-width: 280px;

  /* Modal */
  --modal-bg:     #2f2f2f;
  --modal-border: rgba(255, 255, 255, 0.12);

  /* Font */
  --font-ui:    -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:  "JetBrains Mono", Consolas, monospace;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-ui: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* Shape */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-full: 999px;

  /* Motion */
  --trans:      160ms ease;
  --trans-slow: 280ms ease;

  color-scheme: dark;
}