/* ============================================================
   Shared design tokens — Loopr / Splittr / Vaultr
   Canonical source of truth. Do not duplicate these values inline
   in an app's own <style> block — link this file instead.

   --accent / --accent-soft / --accent-faint are declared here with
   each app's DEFAULT identity color, but are expected to be
   overwritten at runtime by that app's accent-color picker
   (see each app's applyAccent()/renderColorPresets() JS) and
   persisted per-user in localStorage. Every other token below is
   fixed and shared.
   ============================================================ */

:root{
  /* Neutrals */
  --bg:#0F1115;
  --surface:#232937;      /* card / panel background */
  --surface-2:#2D3444;    /* raised surface: inputs, modals, fab-mini, chips */
  --border:#404859;
  --text:#F2EFE9;
  --text-muted:#9CA6B8;
  --text-dim:#5B6478;      /* third, lowest-emphasis tone (timestamps, hints) */

  /* Fixed semantic colors (NOT user-customizable, independent of accent) */
  --positive:#4FB37E;
  --negative:#E2604F;

  /* Shape */
  --radius:14px;
  --radius-sm:10px;
  --card-gap:12px;

  /* Type */
  --mono:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}