:root {
  --canvas: #F5F6F7;
  --surface: #FFFFFF;
  --border: #E2E5EA;
  --border-strong: #CBD5E1;
  --text: #16254C;
  --text-secondary: #5A6378;
  --navy: #041236;
  --gold: #D6BF90;
  --accent: #2E42A5;
  --accent-hover: #25368A;
  --status-todo: #94A3B8;
  --status-doing: #D6BF90;
  --status-blocked: #E31D1C;
  --status-done: #198754;
  --topbar-muted: #CBD5E1;
  --radius: 8px;
  --font: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --shadow: 0 1px 2px rgba(4, 18, 54, 0.05);
  --shadow-hover: 0 2px 8px rgba(4, 18, 54, 0.08);
  --topbar-h: 56px;
}

@media (max-width: 767px) {
  :root {
    --topbar-h: auto;
  }
}