/*
 * base.css — shared by every page (index.php, blocks.php, settings.php).
 * Colour and layout tokens plus the box-sizing reset. Page-specific rules live in hud.css, blocks.css and
 * settings.css, loaded right after this file. Moved out of the pages' inline <style> blocks (ROADMAP #32);
 * the values are unchanged.
 */
:root {
  /* Type palette. Each type gets a solid (text/border) and a tint
     (background) so a row's type is readable at a glance without a label. */
  --type-one_time: #F2B705;           --type-one_time-bg: rgba(242, 183, 5, 0.10);
  --type-ongoing: #49C08C;            --type-ongoing-bg: rgba(73, 192, 140, 0.10);
  --type-daily_goal: #5AA9E6;         --type-daily_goal-bg: rgba(90, 169, 230, 0.12);
  --type-daily: #B48EE8;              --type-daily-bg: rgba(180, 142, 232, 0.10);
  --type-recurring_fixed: #E0607A;    --type-recurring_fixed-bg: rgba(224, 96, 122, 0.10);
  --type-recurring_rolling: #E0607A;  --type-recurring_rolling-bg: rgba(224, 96, 122, 0.10);
  --type-inbox: #7C8394;              --type-inbox-bg: rgba(124, 131, 148, 0.10);
  --page-max: 2000px;      /* how wide the header, HUD tiles and Planner may grow on a widescreen browser */
  --bg: #14171F;
  --bg-planner: #241012;   /* dark red — reads as "stopped" */
  --panel: #1C212C;
  --panel-border: #2A3140;
  --text: #E9ECF2;
  --muted: #7C8394;
  --accent: #F2B705;
  --ok: #49C08C;
  --err: #E0607A;
  --done: #5AA0FF;      /* blue check on completed tasks */
  --subtask: #B794F6;   /* subtask counts in task rows */
}
* { box-sizing: border-box; }