/*
 * Task F4.E6.T1 - brand design tokens (custom properties).
 *
 * Values transplanted VERBATIM (measured, not recalled from memory) from the
 * READ-ONLY source of truth for the brand:
 * app-nis2-www/src/styles/global.css (blueprint-nis2-www.md A9), the
 * "@theme { ... }" block - every hex/font value below is copied character-
 * for-character from that block. That source is a Tailwind v4 "@theme"
 * (compiled by a node/Tailwind build step www itself uses); this app has
 * NO node/build-step (Zalacznik E, D-R11-4, binding) and no CSS framework,
 * so the same values are re-expressed here as plain CSS custom properties
 * under ":root" instead - same numbers, no Tailwind syntax, no @import.
 *
 * Palette (www global.css lines 12-28):
 *   ink-950  #0b0f17   ink-900  #131a26   ink-800  #1c2534
 *   paper-50 #f5f6f4   paper-100 #ecefea  paper-200 #dfe3de
 *   slate-600 #4b5563  slate-400 #94a3b8
 *   teal-600 #0f766e   teal-500 #14918a   teal-300 #5eead4
 *   brick-600 #9a3412  brick-400 #c2540f
 * Typography (www global.css lines 30-32): the three font-family stacks,
 * copied verbatim including their own system fallbacks.
 *
 * Dark mode is explicitly OUT OF SCOPE for this app (Zalacznik E: "dark mode
 * (przyszlosc)") - the www source carries "dark:" variants for its own
 * public site; none of those are transplanted here, light-only by design.
 *
 * Spacing scale (4px), radius and shadow values below are NOT present in the
 * www source (that site leans on Tailwind's own built-in default theme for
 * these, which this app has no build step to generate) - they are the
 * mechanical "arkusz bazowy" scaffolding Zalacznik E asks this task to
 * provide ("skala odstepow 4 px, radius 0.25-0.5rem, cienie"), reproducing
 * Tailwind's well-known, publicly documented default spacing/shadow scale
 * (https://tailwindcss.com/docs/*) rather than inventing new numbers.
 */

:root {
  /* Neutrals - "ledger" ink (dark surfaces) / paper (light surfaces). */
  --color-ink-950: #0b0f17;
  --color-ink-900: #131a26;
  --color-ink-800: #1c2534;

  --color-paper-50: #f5f6f4;
  --color-paper-100: #ecefea;
  --color-paper-200: #dfe3de;

  /* Task F4.E6.T3b. NOT from the www source: that palette has no pure white
     at all (paper-50 is its lightest surface). Zalacznik E nevertheless names
     "karty biale/paper-50" and this app paints three real white surfaces -
     card backgrounds, secondary/destructive button faces (components.css) and
     form-field interiors (base.css) - which shipped as four raw "#ffffff"
     literals in components.css plus one in base.css until this task. Named
     here so the painting layer declares no color literal of its own, which
     BrandLayerColorTokenGuardTests now measures rather than a comment
     promising it. */
  --color-white: #ffffff;

  /* Secondary text. */
  --color-slate-600: #4b5563;
  --color-slate-400: #94a3b8;

  /* The ONE accent (CTAs, focus ring, brand). */
  --color-teal-600: #0f766e;
  --color-teal-500: #14918a;
  --color-teal-300: #5eead4;

  /* Reserved for deadline urgency / error states - never decorative. */
  --color-brick-600: #9a3412;
  --color-brick-400: #c2540f;

  /* Typography (www global.css lines 30-32, verbatim). */
  --font-display: "Space Grotesk", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Consolas", monospace;

  /* Spacing scale, 4px increments (Zalacznik E: "spacing skala 4px"). */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.25rem;  /* 20px */
  --space-6: 1.5rem;   /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */

  /* Radius (Zalacznik E: "radius 0.25-0.5rem"). */
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;

  /* Shadows (Zalacznik E: "cienie" - subtle card elevation only). */
  --shadow-sm: 0 1px 2px 0 rgba(11, 15, 23, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(11, 15, 23, 0.08), 0 2px 4px -2px rgba(11, 15, 23, 0.06);

  /* Transitions - Zalacznik E: "animacje tylko subtelne przejscia hover/focus <= 150 ms". */
  --transition-fast: 120ms ease;
}