/* GPTLab — Design tokens (ChatGPT dark theme) */

:root {
  /* OpenAI brand */
  --oai-green:       #10a37f;
  --oai-green-dark:  #0d8c6e;
  --oai-green-deep:  #0a6b56;
  --oai-green-light: rgba(16, 163, 127, 0.14);
  --oai-cream:       #f0faf6;

  /* Surfaces */
  --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;

  /* 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;

  /* Accents */
  --accent-blue:  #3b82f6;
  --accent-green: #22c55e;
  --accent-red:   #ef4444;

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

  /* 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;

  /* 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: 260ms ease;

  color-scheme: dark;
}