/* Design tokens, taken from the Auto-planning branding charter (APFR_WWW2_charte.pdf, "Nuances de couleurs" and "Ombres").
   The charter has three brand hues: navy, blue and orange. Each is defined ONCE here, with its charter shades. */
:root {
  /* navy: primary + three lighter steps */
  --ap-navy: #13235b;        /* RVB 19 35 91 */
  --ap-navy-300: #675b86;    /* 103 91 134 */
  --ap-navy-200: #958baa;    /* 149 139 170 */
  --ap-navy-100: #ccc6d6;    /* 204 198 214 */
  --ap-navy-shadow: #211c30; /* 33 28 48 */

  /* blue: primary + three lighter steps */
  --ap-blue: #009ee0;        /* 0 158 224 */
  --ap-blue-300: #50c2ec;    /* 80 194 236 */
  --ap-blue-200: #8ad2f1;    /* 138 210 241 */
  --ap-blue-100: #ceebf9;    /* 206 235 249 */
  --ap-blue-shadow: #007eb3; /* 0 126 179 */

  /* orange: lightest tint, primary, two deeper steps */
  --ap-orange-100: #fee6bf;  /* 254 230 191 */
  --ap-orange: #f8b334;      /* 248 179 52 */
  --ap-orange-600: #f29400;  /* 242 148 0 */
  --ap-orange-700: #ec7404;  /* 236 116 4 */
  --ap-orange-shadow: #b38125; /* 179 129 37 */

  /* the charter's text black (also the logo colour) */
  --ink: #231f20;
  --muted: color-mix(in srgb, var(--ink) 69%, white);               /* about #676465: 5.9:1 on white, 4.7:1 on the light-blue plan */
  --paper: #fff;

  /* grid and rule colours, derived from the charter blue tints */
  --grid: color-mix(in oklab, var(--ap-blue-100) 55%, white);
  --line: var(--ap-blue-100);
  --line-strong: var(--ap-blue-200);

  /* semantic */
  --ok: #2aa876;
  --err: #d33;

  --radius: 4px;
  --cell: 56px;              /* one agenda slot, used by every grid pattern */
  --font: "Hanken Grotesk", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
}