/* WebOS — Shared CSS Variables */

:root {
  /* Colors — dark theme (default) */
  --color-bg: #1a1a2e;
  --color-bg-secondary: #16213e;
  --color-surface: #0f3460;
  --color-surface-hover: #1a4a7a;
  --color-text: #e0e0e0;
  --color-text-muted: #a0a0a0;
  --color-accent: #e94560;
  --color-accent-hover: #ff6b81;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-taskbar-bg: rgba(15, 15, 35, 0.92);
  --color-window-bg: #1e1e3a;
  --color-window-header: #16213e;
  --color-start-menu-bg: rgba(22, 33, 62, 0.96);
  --color-shadow: rgba(0, 0, 0, 0.4);

  /* Light theme overrides (toggled via [data-theme="light"]) */
  --lt-color-bg: #eef1f5;
  --lt-color-bg-secondary: #dfe3e8;
  --lt-color-surface: #ffffff;
  --lt-color-surface-hover: #f0f2f5;
  --lt-color-text: #1a1a2e;
  --lt-color-text-muted: #555;
  --lt-color-accent: #e94560;
  --lt-color-accent-hover: #c73a52;
  --lt-color-border: rgba(0, 0, 0, 0.1);
  --lt-color-taskbar-bg: rgba(255, 255, 255, 0.92);
  --lt-color-window-bg: #ffffff;
  --lt-color-window-header: #f0f2f5;
  --lt-color-start-menu-bg: rgba(255, 255, 255, 0.96);
  --lt-color-shadow: rgba(0, 0, 0, 0.15);

  /* Typography */
  --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
  --font-size-xs: 0.7rem;
  --font-size-sm: 0.8rem;
  --font-size-base: 0.9rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.2rem;
  --font-size-xl: 1.5rem;

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

  /* Sizing */
  --taskbar-height: 48px;
  --window-min-width: 320px;
  --window-min-height: 200px;
  --window-header-height: 36px;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 14px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}