/*
 * Palette. WHAT IS FIXED for the line (core.md §17.1–17.5) is the set of roles below and
 * their meanings: surfaces and four text levels; one accent; four fixed value meanings
 * (positive, negative, warn, neutral) and their data scales; eight belonging tags; four row
 * highlights. WHAT THE PRODUCT KIT DECIDES is every value — here the old kinvoice.app «Paper &
 * Ink» (variant A of project_files/ui/kit/palettes.js, product-kit.md §2): warm paper page,
 * white sheet, slate accent. Two old values were moved for the contrast checks (the green
 * badge fill and the red). Roles are never added here without a rule first.
 * The one block added by a product decision, not a role: the twelve print-safe swatches of the
 * Design tab (--swatch-*, below) — the old kinvoice.app's exact colours, measured on the live
 * site (product-kit.md §2, KINV-124; D-NNN by the scribe).
 */
:root {
  --bg: #FAF9F6;
  --surface: #FFFFFF;
  --surface-2: #F5F3ED;
  --border: #E0DCD2;
  /* At-rest edge of buttons, fields, selects and tiles: lighter than --border-2 so a screen full of
     controls does not cut the eye (owner, 23.10.2026); --border-2 stays for hover and dividers. */
  --border-control: #C9C4B8;
  --border-2: #949086;
  --border-3: #77716A;

  --text: #16202C;
  --text-2: #2E3947;
  --text-3: #545F6F;
  --text-4: #7D8693;
  --text-disabled: #AAB0B8;
  /* Ink of the founder's handwritten signature: follows kador.dev's accent #375EB5, not the product --accent
     (owner, 24.10.2026). On the footer ground --surface-2 #F5F3ED about 5.5:1 (passes 4.5:1). */
  --signature: #375EB5;

  --accent: #3A536E;               /* must equal `color` in config/project.php (favicon) */
  --accent-press: #2C3F54;
  --accent-link-hover: #2C3F54;
  --accent-soft: #EEF1F5;
  --accent-soft-2: #E1E7EE;
  --accent-border: #CDD6E4;

  /* Sign of a quantity. The meaning is fixed: green — increased, orange-red — decreased
     or refused, orange — attention, blue — a neutral transfer. */
  --positive: #1E7E4F;
  --negative: #BF3A33;
  --negative-press: #9C2F2A;
  --negative-soft: #FBE9E7;
  --warn: #C84214;
  --neutral: #22708F;
  --archived: #F3F1EC;
  --muted: #EDEAE2;

  /* Data scales: family = which quantity, saturation = how much */
  --scale-accent-1: #E8EDF3;
  --scale-accent-2: #BCCAD9;
  --scale-accent-3: #7F95AD;
  --scale-accent-4: #3A536E;

  --scale-positive-1: #EAF5EE;
  --scale-positive-2: #BFE0CD;
  --scale-positive-3: #6DB08C;
  --scale-positive-4: #1E7E4F;

  --scale-negative-1: #FBE9E7;
  --scale-negative-2: #F3C4BD;
  --scale-negative-3: #E0857A;
  --scale-negative-4: #BF3A33;

  --scale-neutral-1: #E2F0F5;
  --scale-neutral-2: #B3D4E2;
  --scale-neutral-3: #6AA3BE;
  --scale-neutral-4: #22708F;

  --scale-warn-1: #FEF4EE;
  --scale-warn-2: #F9CDB8;
  --scale-warn-3: #EE9168;
  --scale-warn-4: #C84214;

  /* Belonging palette: eight shades for labels, groups, attributes.
     On purpose outside the fixed meanings above: a label judges nothing, it only designates.
     Here a colour says «the same one», not «good» or «bad».
     The colour is chosen by identifier (app\ui\Badge), so it does not «drift» between screens. */
  --tag-1-bg: #ECE6F5;
  --tag-1-fg: #5B3F8C;
  --tag-2-bg: #F6E3EC;
  --tag-2-fg: #8A2F5C;
  --tag-3-bg: #F7E6DA;
  --tag-3-fg: #8A4520;
  --tag-4-bg: #ECEED8;
  --tag-4-fg: #545B14;
  --tag-5-bg: #DCF0EE;
  --tag-5-fg: #1C6660;
  --tag-6-bg: #E3E8F7;
  --tag-6-fg: #3A4D8F;
  --tag-7-bg: #F3E3F3;
  --tag-7-fg: #7A3577;
  --tag-8-bg: #EAE6DE;
  --tag-8-fg: #585044;

  /* Colour swatches of the Design tab (field.css `.app-swatch--*`): what the old site's picker offers,
     one value per tone. They are the colours the printed document takes, so they are not tied to the
     UI roles above: a change of --accent must not recolour a saved invoice. */
  --swatch-accent-1: #3A536E;
  --swatch-accent-2: #3B424A;
  --swatch-accent-3: #1D5B60;
  --swatch-accent-4: #2F6047;
  --swatch-accent-5: #274472;
  --swatch-accent-6: #7C2D3A;
  --swatch-accent-7: #5A3A5E;
  --swatch-accent-8: #8A5A2B;
  /* Text: pure black to grey in even steps; on white 21, 17.8, 13.2, 9.3, 6.5, 4.5 : 1 (core.md §17). */
  --swatch-text-1: #000000;
  --swatch-text-2: #181818;
  --swatch-text-3: #303030;
  --swatch-text-4: #474747;
  --swatch-text-5: #5E5E5E;
  --swatch-text-6: #767676;

  /* Row highlights: new, has a deadline, event, archived. Only four. */
  --row-new: #EDF3F8;
  --row-due: #FBF0D8;
  --row-event: #F1EEF7;
  --row-archived: #F3F1EC;
}
