/* ============================================================
   FocusFlow — Neutral theme
   Blues, greens and greys only, on a cool near-white. The seven section
   slots (peach … mauve) are remapped onto those families, so charts,
   chips, buttons, borders, tints and status badges all stay in palette —
   no warm tones anywhere.
   Soft blues, greens and greys pitched like Plan27 Pro's Neutral (2026-10-17:
   the first version was too pale): generated in OKLCH from one hue and
   colourfulness per slot — tint L0.875, buttons/bars L0.775, outline L0.685.
   Text pairings measured: body 6.1:1+ on block tints, muted 5.3:1+ on tinted
   cards, badges 7.5:1+, ink on buttons 8:1+.
   ============================================================ */
[data-theme="neutral"] {
  --color-base: #F7F8F9;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F1F3F5;
  --color-text: #4E5962;
  --color-text-dark: #1F2A33;
  --color-text-muted: #5D6973;
  --color-border: #E2E6EA;

  /* Section slots → blue, green, grey. Names are the app's slot names,
     not the colours they hold in this theme. */
  --color-peach: #D0D7DD;     /* mist grey */
  --color-apricot: #CFD9D3;   /* stone green-grey */
  --color-butter: #C5DCD6;    /* seafoam */
  --color-sage: #CADBCE;      /* sage green */
  --color-sky: #C5D9EA;       /* sky blue */
  --color-lavender: #CDD6E8;  /* steel blue */
  --color-mauve: #C9DADB;     /* teal grey */

  --color-peach-deep: #ACB8C0;
  --color-apricot-deep: #AABAB1;
  --color-butter-deep: #9ABFB6;
  --color-sage-deep: #A3BEA9;
  --color-sky-deep: #9BBAD6;
  --color-lavender-deep: #A8B6D3;
  --color-mauve-deep: #A0BCBD;

  --color-peach-edge: #909CA5;
  --color-apricot-edge: #8E9E95;
  --color-butter-edge: #7DA39A;
  --color-sage-edge: #86A28D;
  --color-sky-edge: #7E9EBA;
  --color-lavender-edge: #8B9AB7;
  --color-mauve-edge: #84A0A1;

  /* Status, in palette: green for good, slate for "heads up", deep navy
     for overdue. No red or amber in this theme — the words carry the
     urgency ("3d overdue"), the colour just weights it. */
  --color-success: #6FA58A;
  --color-warning: #8A9DB0;
  --color-danger: #5F7C99;

  --badge-danger-bg: #DCE6F1;   --badge-danger-fg: #1E3F60;
  --badge-warning-bg: #E3E8EE;  --badge-warning-fg: #334454;
  --badge-success-bg: #DBEDE2;  --badge-success-fg: #1F5138;

  --accent: var(--color-sky);
  /* Dashboard cards wear their colour more strongly in this theme (small
     muted text still 4.87:1+ on every colour at 40%). */
  --widget-tint: 40%;

  /* Menus: a solid soft-sky-blue bar (the sky button shade), so the theme is
     obvious at a glance. Ink 7.2:1, labels 5.9:1, current page in a pale
     blue-white pill (13.5:1). */
  --nav-bg: #9BBAD6;
  --nav-border: #7E9EBA;
  --nav-ink: #1F2A33;
  --nav-label: #28394A;
  --nav-hover: color-mix(in srgb, #FFFFFF 28%, transparent);
  --nav-active-bg: #F2F6FA;
  --nav-active-ink: #1F2A33;
}