/* Vautech theme: tokens (Tailwind CSS v4). Spec: SPEC.md.
   Activate with <html data-theme="vautech">.

   The --c-* names follow the betaaloverzicht theme contract; each app's
   `@theme inline` maps them to Tailwind colours (bg-canvas, text-ink, …).
   Apps that have other themes must give the non-colour variables
   (--c-rule, --app-weight-*) defaults in those themes too. */

[data-theme='vautech'] {
  /* Surfaces */
  --c-canvas: #ffffff;
  --c-surface: #ffffff;
  --c-surface-muted: #f5f5f5;
  --c-track: #ededed;
  --c-line: #d4d4d4;            /* light rule for cards, fields, on-screen editable grids */
  --c-line-soft: #ebebeb;
  --c-field-line: #bdbdbd;
  --c-field-focus-line: #8a8a8a; /* border of a focused field, under the grey ring; softer than black */
  --c-rule: #000000;            /* ledger rules */

  /* Text */
  --c-ink: #000000;
  --c-strong: #000000;
  --c-body: #000000;
  --c-muted: #555555;
  --c-faint: #8a8a8a;

  /* Support palette: one muted and one block colour per rainbow hue,
     to warm up the black-on-white base. Raw values use the --vt- prefix; only
     the semantic --c-* tokens below refer to them. Per hue:
       wash  muted background tint      ink       text on the wash (AA, ≥7:1)
       line  border on the wash         solid     block fill
       solid-fg  text on the block (AA, ≥5:1; black on yellow) */
  --vt-red-wash: #fbe9e6;     --vt-red-line: #e8a196;     --vt-red-ink: #8f1d14;
  --vt-red-solid: #b3261e;    --vt-red-solid-fg: #ffffff;
  --vt-orange-wash: #fcecdc;  --vt-orange-line: #eba86a;  --vt-orange-ink: #7a3d00;
  --vt-orange-solid: #b35400; --vt-orange-solid-fg: #ffffff;
  --vt-yellow-wash: #fbf3d2;  --vt-yellow-line: #dcbc4a;  --vt-yellow-ink: #5e4a00;
  --vt-yellow-solid: #f2c230; --vt-yellow-solid-fg: #000000;
  --vt-green-wash: #e4f1e8;   --vt-green-line: #8cc3a0;   --vt-green-ink: #1d5a36;
  --vt-green-solid: #2e7d4f;  --vt-green-solid-fg: #ffffff;
  --vt-blue-wash: #e3edf8;    --vt-blue-line: #94b6dd;    --vt-blue-ink: #174a85;
  --vt-blue-solid: #1f5fa8;   --vt-blue-solid-fg: #ffffff;
  --vt-violet-wash: #eee7f6;  --vt-violet-line: #b9a1d6;  --vt-violet-ink: #4f2a78;
  --vt-violet-solid: #6a3d9a; --vt-violet-solid-fg: #ffffff;
  /* Warm brown: solid-fg on the block 9.2:1, solid-sub (a quieter label)
     5.8:1, ink on the wash 7.5:1. */
  --vt-brown-wash: #efe6dc;   --vt-brown-line: #c2a68e;   --vt-brown-ink: #574436;
  --vt-brown-solid: #574436;  --vt-brown-solid-fg: #ffffff;
  --vt-brown-solid-sub: #d6ccc2;

  /* Accent: monochrome text and rules, muted blue highlight */
  --c-accent: #000000;
  --c-accent-border: #000000;
  --c-accent-wash: var(--vt-blue-wash);       /* button highlight */
  --c-accent-wash-hover: #d3e2f3;              /* blue wash, one step darker */
  --c-accent-line: #000000;
  --c-arrow: #555555;
  --c-ring: #8a8a8a;            /* focus outline (3.5:1) */
  --c-accent-solid: #000000;
  --c-accent-solid-fg: #ffffff;
  --c-accent-solid-sub: #bdbdbd;

  /* Row washes: payments green, capitalised interest blue, costs orange.
     The palette's washes. */
  --c-positive-wash: var(--vt-green-wash);
  --c-capital-wash: var(--vt-blue-wash);
  --c-costs-wash: var(--vt-orange-wash);

  /* Status: warnings yellow, errors red, from the support palette.
     Colour is never the only signal: notices carry role and text. */
  --c-warn-wash: var(--vt-yellow-wash);
  --c-warn-line: var(--vt-yellow-line);
  --c-warn-ink: var(--vt-yellow-ink);
  --c-danger-wash: var(--vt-red-wash);
  --c-danger-line: var(--vt-red-line);
  --c-danger-ink: var(--vt-red-ink);

  /* Type: Light prose, Medium as "bold", SemiBold titles; 400 for table
     cells, inputs, numbers and buttons on screen. */
  --app-font: 'Fira Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --app-weight-body: 300;
  --app-weight-data: 400;
  --app-weight-bold: 500;
  --app-weight-title: 600;

  /* Shape: square corners. Tailwind v4 reads --radius-* at runtime,
     so this squares every rounded-* utility. rounded-full is left alone. */
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --radius-2xl: 0;
  --radius-3xl: 0;
  --radius-4xl: 0;
}

/* No shadows. v4 inlines shadow values, so reset the variable. */
[data-theme='vautech'] [class*='shadow'] {
  --tw-shadow: 0 0 #0000;
}