/* Urbanomics design tokens — the single source of truth for both the customer
   pages (book.css) and the admin (admin.css).
 *
 * Those two files used to declare the same palette independently, and it had
 * already drifted: two different reds for `danger`, and a success green that
 * existed only on the admin side, which is why the confirmation tick ended up
 * with a hardcoded third green.
 *
 * They now alias these names instead of restating values, so the palettes
 * cannot come apart again. Change a colour here and it changes everywhere.
 *
 * Linked from base.html, so every page has these regardless of which
 * stylesheet it goes on to load. */

:root {
  /* Neutrals */
  --u-ink: #101318;        /* body text, solid buttons */
  --u-ink-2: #454C58;      /* secondary text */
  --u-muted: #5E6673;      /* labels, hints */
  --u-line: #E5E8EC;       /* hairlines, card borders */
  --u-line-2: #D3D8DF;     /* stronger borders, control outlines */
  --u-surface: #FFFFFF;    /* cards */
  --u-page: #F4F5F7;       /* page behind the cards */

  /* Accent — links, selected states, focus rings */
  --u-accent: #0284C7;
  --u-accent-ink: #026FA6; /* accent as text: darker, to hold contrast on white */
  --u-accent-tint: #EAF6FD;

  /* Status */
  --u-ok: #0F7B4F;
  --u-ok-tint: #E7F6EE;
  --u-warn: #8A5A00;
  --u-warn-tint: #FDF3E2;
  --u-danger: #B3261E;
  --u-danger-tint: #FDF1F0;

  /* WhatsApp brand. The one colour here that is not ours: customers recognise
     it, so the button keeps it deliberately. Named rather than inlined so it
     is obviously a brand borrowing and not a stray hex. */
  --u-wa: #25D366;
  --u-wa-hover: #1EBE5B;

  /* Radii */
  --u-r-sm: 8px;
  --u-r: 12px;
  --u-r-lg: 16px;

  /* Motion and depth */
  --u-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --u-shadow: 0 1px 2px rgba(16, 19, 24, .04), 0 8px 24px rgba(16, 19, 24, .05);

  /* Type */
  --u-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
            Roboto, sans-serif;
}