/* ============================================================
   TOKENS — Design system variables for Operating Desk
   ============================================================ */

:root {
  color-scheme: light;

  /* Surfaces */
  --bg:       #6eaef0;   /* sky base — overridden by wallpaper */
  --panel:    #f0f6ff;
  --panel-2:  #e4eeff;
  --panel-3:  #d6e5fc;

  /* Borders */
  --line:        rgba(28, 72, 138, 0.20);
  --line-strong: rgba(22, 62, 118, 0.38);

  /* Text */
  --text:  #0e2540;
  --muted: #4a6585;
  --quiet: #7090b0;

  /* Brand accents */
  --accent:   #1e5dbf;   /* windows blue */
  --accent-2: #2a9a72;   /* teal/green secondary */
  --danger:   #c0392b;

  /* Shadows */
  --shadow-window: 0 20px 48px rgba(10, 30, 70, 0.36), 0 1px 0 rgba(255,255,255,0.72) inset;
  --shadow-dialog: 0 24px 56px rgba(10, 30, 70, 0.42);
  --shadow-dock:   0 4px 14px rgba(10, 30, 70, 0.28);

  /* Typography */
  --mono:  "JetBrains Mono", "Fira Code", monospace;
  --sans:  "Inter", system-ui, sans-serif;
  --serif: "Playfair Display", Georgia, serif;

  /* Chrome geometry — no header bar, dock from top */
  --bar-h:      0px;    /* header removed, kept for any legacy refs */
  --dock-w:     70px;
  --titlebar-h: 38px;
  --radius-win:  8px;
  --radius-btn:  6px;
  --radius-pill: 999px;
}