/*
 * theme.css — WRITABLE, and almost always correct AS IS (empty).
 *
 * design.css defines the whole palette and every other token. This file is
 * loaded after it and overrides ONLY what you put here. Leave it empty unless
 * the user asked for a specific look.
 *
 * DO NOT paste the token list in here. Copying the defaults across and pinning
 * them changes nothing visually and permanently opts this app out of every
 * later design-system improvement — a fix to the palette can no longer reach
 * it. If you are writing a value identical to the default, delete the line.
 *
 * DO NOT invent a brand colour. The platform accent is deliberate and applies
 * across every app; a todo list or a feedback form is not a reason to change
 * it. Only set --accent when the user names a colour or an existing brand.
 *
 * When the user DOES ask ("make it purple", "match our orange"), the whole
 * edit is two or three lines:
 *
 *   :root {
 *     --accent: #7c5cff;
 *     --accent-soft: #efeaff;
 *   }
 *
 * Tokens are listed at the top of public/design.css — read them there.
 * Component rules never belong in this file.
 */

:root {
  /* Requested indigo/purple-to-blue brand for Wordify Amount. */
  --accent: #4f46e5;
  --accent-soft: #edecfe;

  /* Single-purpose converter, not a dashboard — a narrow centered column
     reads correctly on a phone and on a wide monitor alike. */
  --content-max: 600px;
}