:root {
  /* Color Palette - High-Tech Dark Theme */
  --surface-primary: #0a0f14;
  --surface-secondary: #101a23;
  --surface-raised: #14202c;
  --surface-code-block: rgba(36, 224, 126, 0.1);
  --text-primary: #e6f1ff;
  --text-secondary: #a7c0de;
  --text-tertiary: #798fa9;
  --text-code: #24e07e;
  --text-on-accent: #001e0c;
  --border-primary: rgba(167, 192, 222, 0.2);
  --border-secondary: rgba(167, 192, 222, 0.1);
  --accent-primary: #24e07e;
  --accent-primary-hover: #1fc870;
  --accent-secondary: #00b8d9;
  --status-success: #00c853;
  --status-warning: #ffab00;
  --status-danger: #ff5252;
  --accent-primary-transparent: rgba(36, 224, 126, 0.3);
  --status-danger-transparent: rgba(255, 82, 82, 0.3);
  --font-family-sans: 'Inter', -apple-system, sans-serif;
  --font-family-mono: 'SF Mono', 'Consolas', monospace;
  --font-size-base: 1rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --container-width-lg: 1100px;
  --container-input-max-width: 500px;
  --border-radius-lg: 8px;
  --border-radius-xl: 16px;
  --transition-duration-base: 0.2s;
  --transition-duration-button-transform: 0.15s;
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1);
  --shadow-focus-ring-accent: 0 0 0 3px var(--accent-primary-transparent);
  --shadow-accent-button-hover: 0 6px 16px rgba(36, 224, 126, 0.3);
  --shadow-input-error: 0 0 0 3px var(--status-danger-transparent);
  --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.5);
  --blur-intensity-strong: 8px;
  --z-index-modal: 1000;
  --z-index-overlay: 9999;
}
*, *::before, *::after { box-sizing: border-box; }
body { font-family: var(--font-family-sans); background-color: var(--surface-primary); color: var(--text-primary); margin: 0; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }