/* BookFlow Dashboard — Design Tokens (Subsystem A: Dark Theme) */

:root {
  /* Background */
  --bg-primary:       #0f1117;
  --bg-secondary:     #1a1d27;
  --bg-elevated:      #222533;
  --bg-hover:         #2a2d3a;
  --bg-active:        #333748;

  /* Text */
  --text-primary:     #e8eaed;
  --text-secondary:   #9aa0a6;
  --text-muted:       #5f6368;
  --text-inverse:     #0f1117;

  /* Border */
  --border-primary:   #3c4043;
  --border-subtle:    #2d3039;
  --border-accent:    #667eea;

  /* Semantic Colors */
  --color-success:    #34a853;
  --color-success-bg: rgba(52,168,83,0.12);
  --color-warning:    #fbbc04;
  --color-warning-bg: rgba(251,188,4,0.12);
  --color-error:      #ea4335;
  --color-error-bg:   rgba(234,67,53,0.12);
  --color-info:       #4285f4;
  --color-info-bg:    rgba(66,133,244,0.12);

  /* Accent */
  --accent:           #667eea;
  --accent-hover:     #7b8ff0;
  --accent-bg:        rgba(102,126,234,0.12);

  /* Spacing */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;

  /* Radius */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;

  /* Typography */
  --font-sans:  "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;
  --font-mono:  "JetBrains Mono", "Fira Code", "Consolas", monospace;
  --text-xs:    12px;
  --text-sm:    13px;
  --text-base:  14px;
  --text-lg:    16px;
  --text-xl:    20px;
  --text-2xl:   24px;
  --text-3xl:   32px;

  /* Shadow */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg:  0 8px 24px rgba(0,0,0,0.5);

  /* Transition */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Layout */
  --sidebar-width:    240px;
  --sidebar-collapsed: 64px;
  --topbar-height:    56px;
}