/* ===== Design tokens =====
   Single source of truth for colors, surfaces, and typography.
   Page styles should reference these — avoid hardcoded hex/rgba values. */
:root{
  color-scheme: dark;

  /* Backgrounds */
  --bg: #0f1115;
  --bg-deep: #0b0f1a;        /* dialogs, code blocks */
  --bg-input: #0e1220;       /* form inputs */

  /* Text */
  --text: #e8eaf0;
  --text-soft: #cfd6ff;      /* labels, table headers, headings */
  --text-accent: #a0bfff;    /* calendar accents */
  --muted: #9aa3b2;

  /* Lines & buttons */
  --line: #2a3244;
  --btn: #232a3b;
  --btn2: #2f3953;

  /* Semantic colors */
  --focus: #4c7dff;
  --success: #7ce0a8;
  --danger: #ff4c4c;

  /* RGB channel triplets for alpha compositing via rgba(var(--x), <alpha>) */
  --line-rgb: 42, 50, 68;
  --focus-rgb: 76, 125, 255;
  --success-rgb: 42, 214, 127;
  --danger-rgb: 255, 76, 76;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --bg-overlay-rgb: 10, 12, 17;

  /* Common alpha surfaces */
  --surface-1: rgba(255, 255, 255, 0.02);  /* default fill */
  --surface-2: rgba(255, 255, 255, 0.03);  /* slight elevation */
  --surface-3: rgba(255, 255, 255, 0.07);  /* active state */

  /* Glass overlays (sidebar, top bar) */
  --glass-strong: rgba(10, 12, 17, 0.75);
  --glass-soft:   rgba(10, 12, 17, 0.55);

  /* Effects */
  --backdrop:    rgba(0, 0, 0, 0.65);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.35);

  /* Fonts */
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial;
}