/* ============================================================
   SLAW.run — Design tokens
   Derived from slaw-documentation/03-STYLE-GUIDE.md (binding brand)
   Dark is the default theme; light is first-class.
   ============================================================ */

:root {
  /* Brand accent */
  --slaw-accent:        #3B82F6;
  --slaw-accent-hover:  #60A5FA;
  --slaw-accent-subtle: #15233F;
  --slaw-accent-ink:    #0B0E14; /* text on accent fills */

  /* Botfather distinguishing mark */
  --bf-accent:          #6366F1;
  --bf-accent-subtle:   #1B1E3A;

  /* Neutrals — dark (default) */
  --slaw-bg:            #0B0E14;
  --slaw-bg-elevated:   #11151D;
  --slaw-bg-sunken:     #080A0F;
  --slaw-border:        #222936;
  --slaw-border-strong: #2E3645;
  --slaw-text:          #E6E9EF;
  --slaw-text-muted:    #9AA4B2;
  --slaw-text-faint:    #6B7585;

  /* Semantic */
  --slaw-info:    #3B82F6;
  --slaw-success: #16A34A;
  --slaw-warning: #D97706;
  --slaw-danger:  #DC2626;

  /* Typography */
  --font-ui:   "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Spacing scale */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; --sp-12: 48px; --sp-16: 64px;
  --sp-24: 96px; --sp-32: 128px;

  /* Radius */
  --r-sm: 6px; --r-lg: 10px; --r-pill: 999px;

  /* Layout */
  --maxw: 1180px;
  --maxw-prose: 760px;
  --nav-h: 64px;

  /* Elevation (light theme only uses shadow) */
  --shadow-card: none;
}

:root[data-theme="light"] {
  --slaw-accent:        #2563EB;
  --slaw-accent-hover:  #1D4ED8;
  --slaw-accent-subtle: #EFF4FF;
  --slaw-accent-ink:    #FFFFFF;

  --bf-accent:          #4F46E5;
  --bf-accent-subtle:   #EEF0FF;

  --slaw-bg:            #FFFFFF;
  --slaw-bg-elevated:   #F7F8FA;
  --slaw-bg-sunken:     #F1F3F6;
  --slaw-border:        #E5E8EC;
  --slaw-border-strong: #D5DAE1;
  --slaw-text:          #1A1D23;
  --slaw-text-muted:    #5B6472;
  --slaw-text-faint:    #8A94A3;

  --shadow-card: 0 1px 3px rgba(16,24,40,.06);
}