/*
 * Default theme CSS custom properties.
 * Matches the Retro theme (orDOS orange / flat 3D).
 */

:root {
  /* Title Bar */
  --ActiveTitle: #b23300;
  --GradientActiveTitle: #e85d1a;
  --TitleText: #ffffff;
  --InactiveTitle: #808080;
  --GradientInactiveTitle: #a0a0a0;
  --InactiveTitleText: #c0c0c0;

  /* Buttons & Panels */
  --ButtonFace: #c0c0c0;
  --ButtonText: #000000;
  --ButtonLight: #dfdfdf;
  --ButtonHilight: #ffffff;
  --ButtonShadow: #808080;
  --ButtonDkShadow: #000000;

  /* Window */
  --Window: #ffffff;
  --WindowText: #000000;
  --WindowFrame: #000000;

  /* Desktop */
  --Background: #1a1a2a;
  --AppWorkspace: #808080;

  /* Selection */
  --Hilight: #b23300;
  --HilightText: #ffffff;
  --MenuHilight: #b23300;

  /* Menu */
  --Menu: #c0c0c0;
  --MenuText: #000000;
  --MenuBar: #c0c0c0;

  /* Other */
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --Scrollbar: rgb(192, 192, 192);
  --GrayText: rgb(128, 128, 128);
  --HotTrackingColor: rgb(0, 0, 128);
  --ActiveBorder: rgb(192, 192, 192);
  --InactiveBorder: rgb(192, 192, 192);

  /* Modern app colors (used within app iframes) */
  --bg-dark: #1a1a1a;
  --bg-card: #242424;
  --bg-input: #2a2a2a;
  --bg-hover: #333;
  --border: #3a3a3a;
  --border-light: #4a4a4a;
  --text: #e8e8e8;
  --text-dim: #888;
  --text-muted: #666;
  --accent: #f7931a;
  --accent-hover: #ffaa33;
  --accent-dim: rgba(247, 147, 26, 0.15);
  --success: #22c55e;
  --error: #ef4444;
  --warning: #f59e0b;

  /* Layout */
  --taskbar-height: 48px;
  --titlebar-height: 28px;
  --border-width: 3px;

  /* Folder icon color */
  --folder-color: #f7c948;
}