/**
 * CSS Custom Properties (Variables)
 * Centralized design tokens for the theme
 */

:root {
  /* Color Palette - Light Theme (Default) */
  --bg: #f5f7fb;
  --surface: #ffffff;
  --ink: #1a2432;
  --muted: #5f7288;
  --brand: #0e7f9e;
  --brand-2: #d8b15a;
  --line: rgba(31, 54, 83, 0.14);
  --shadow: 0 12px 28px rgba(18, 43, 74, 0.08);
  --ink-strong: #1d2d3e;
  --muted-strong: #4f647c;

  /* Spacing & Layout */
  --radius: 18px;
  --container-max-width: 1160px;
  --container-padding: 4vw;

  /* Typography */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-family-serif: Georgia, "Times New Roman", serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* Z-index Layers */
  --z-header: 50;
  --z-chat: 60;
  --z-modal: 70;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.5s ease;
}