/* Cake Concierge tokens, sampled from the hand-drawn logo (brand/logo-source.png): dark-brown ink for text and
   every outline, the blue plate as the accent, strawberry for one small emphasis, frosting pink and sponge
   yellow as surface tints, on the logo's soft cream. The old token names below map onto the brand colors so
   existing rules keep working. ok/warn/bad are for app and admin status only. */
:root {
  --ink: #46281F;
  --ink-soft: #6A4A3D;
  --cream: #FBF4E6;
  --paper: #FFFCF5;
  --plate: #90A2C6;
  --plate-deep: #3F5A94;
  --plate-deeper: #324A7D;
  --plate-tint: #DDE4F1;
  --pink: #F8D9D2;
  --sponge: #F7E8C2;
  --straw: #B83E33;
  --leaf: #8C9C74;
  --rule: #DCCBB3;

  --black: var(--ink);
  --white: var(--paper);
  --mute: var(--ink-soft);
  --line: var(--rule);
  --line-strong: #BFA98F;
  --row: #F6EEDD;
  --tint-bg: #F6EEDD;
  --sky: var(--plate-tint);
  --peri: var(--pink);
  --lavender: var(--sponge);
  --cornflower: var(--plate);
  --anchor: var(--plate-deep);
  --anchor-hover: var(--plate-deeper);
  --anchor-ink: var(--paper);

  --ok: #2E6B3A;
  --ok-bg: #E4EDD8;
  --warn: #7E4E05;
  --warn-bg: #F7E8C2;
  --bad: #A3342A;
  --bad-bg: #F8D9D2;

  --display: "Lilita One", "Rubik", Arial, sans-serif;
  --font: "Rubik", "Helvetica Neue", Arial, sans-serif;
  --radius: 14px 11px 15px 10px / 11px 14px 10px 15px;
  --radius-sm: 10px 8px 11px 9px / 8px 10px 9px 11px;
  --line-w: 2px;
  --offset: 2px 2px 0 var(--ink);
  --measure: 1240px;
}