/* GeminiLab — Design tokens (Gemini dark theme) */

:root {
  /* Gemini brand */
  --gem-blue:        #1a73e8;
  --gem-blue-light:  rgba(26, 115, 232, 0.16);
  --gem-blue-hover:  rgba(26, 115, 232, 0.24);

  /* Surfaces */
  --bg:          #131314;
  --bg-sidebar:  #1e1f20;
  --bg-elevated: #2a2b2e;
  --bg-surface:  #242526;
  --bg-hover:    rgba(255, 255, 255, 0.08);
  --bg-active:   rgba(255, 255, 255, 0.12);
  --bg-input:    #2a2b2e;
  --bg-card:     #1e1f20;

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

  /* Text */
  --fg:         #e3e3e3;
  --fg-muted:   #9aa0a6;
  --fg-subtle:  #6e7276;
  --fg-heading: #ffffff;

  /* Blue indicator dot */
  --dot-blue: #1a73e8;

  /* Banner — dark navy as requested */
  --banner-bg:       #0a1628;
  --banner-accent:   #1a3a6b;
  --banner-text:     #8ab4f8;
  --banner-sub:      rgba(138, 180, 248, 0.65);

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

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

  /* Font */
  --font-ui:      "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "Google Sans 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: 260ms ease;

  color-scheme: dark;
}