/**
 * @file variables.css
 * @description Global design tokens for the OS environment.
 */

:root {
  /* Colors */
  --bg-silver: #e2e4e9;
  --topbar-bg: rgba(255, 255, 255, 0.35);
  --menu-bg: rgba(255, 255, 255, 0.85);
  --window-bg: #fdfdfd;
  --text-main: #1d1d1f;
  --text-muted: #86868b;
  --accent-color: #0066cc;
  --hover-bg: rgba(0, 0, 0, 0.05);

  /* Borders & Shadows */
  --border-light: rgba(0, 0, 0, 0.1);
  --border-menu: rgba(0, 0, 0, 0.08);
  --shadow-window:
    0 20px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  --shadow-menu: 0 8px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);

  /* Border Radii */
  --radius-window: 10px;
  --radius-menu: 8px;
  --radius-item: 4px;

  /* Typography: Rounded, stylish, modern OS font stack */
  --font-ui:
    ui-rounded, "SF Pro Rounded", "Nunito", "Quicksand", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-content: "Inter", "Helvetica Neue", Arial, sans-serif;
}