/* ===== Kinetic Glass — macOS Light Design Tokens ===== */

:root {
  /* Base — Light */
  --bg-root:      #F9F9FB;
  --bg-surface:   #FFFFFF;
  --bg-sidebar:   #F3F4F6;
  --bg-hover:     #EBEDF0;
  --bg-terminal:  #F4F5F7;

  /* Kinetic Accent */
  --accent-blue:    #007AFF;
  --accent-teal:    #00C7BE;
  --accent-orange:  #FF9500;
  --accent-red:     #FF3B30;
  --accent-purple:  #AF52DE;

  /* Text */
  --text-primary:   #1D1D1F;
  --text-secondary: #6E6E73;
  --text-tertiary:  #86868B;
  --text-inverse:   #FFFFFF;

  /* Borders & Dividers */
  --border-subtle: rgba(0,0,0,0.06);
  --border-divider: rgba(0,0,0,0.08);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif;
  --font-mono: 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;

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

  /* Radius */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px;

  /* Shadows — Kinetic Glass */
  --shadow-xs:  0 1px 3px rgba(0,0,0,0.04);
  --shadow-sm:  0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:  0 8px 30px rgba(0,0,0,0.04);
  --shadow-lg:  0 12px 40px rgba(0,0,0,0.06);
  --shadow-blue: 0 4px 16px rgba(0,122,255,0.12);

  /* Glass */
  --glass-bg: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.2);
  --glass-blur: saturate(180%) blur(20px);

  /* Easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}