/* Bookback brand base: shared by the website (bookback.in), the owner app (/app) and the admin console (/admin).
   Change brand colours, type and motion here; each surface maps these onto its own tokens.
   Logo: a blue loop arrow around a teal tick ("Bookback gets back to every customer"). */

:root {
  /* Logo colours */
  --bb-blue: #3d70e2;        /* logo loop */
  --bb-blue-deep: #2d63d8;   /* buttons: white text on it passes AA */
  --bb-blue-ink: #1d4fbf;    /* links on white */
  --bb-teal: #0ec9cd;        /* logo tick: highlights on navy */
  --bb-teal-deep: #0a7f83;   /* teal text on white (AA) */
  --bb-teal-soft: #8ff0f1;

  /* Navy family (website, dark mode) */
  --bb-navy-0: #060a1a;
  --bb-navy-1: #0a1024;
  --bb-navy-2: #0d1430;
  --bb-navy-3: #131c3a;
  --bb-navy-ink: #0b1a4f;

  /* Signals */
  --bb-amber: #f5b454;
  --bb-amber-ink: #8a5300;
  --bb-red: #c0392b;
  --bb-red-soft: #f0968a;

  /* Type: one family */
  --bb-font: "Switzer", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Shape */
  --bb-r-sm: 10px;
  --bb-r: 14px;
  --bb-r-lg: 20px;
  --bb-r-xl: 28px;

  /* Motion: one rhythm everywhere */
  --bb-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --bb-ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --bb-fast: 160ms;
  --bb-base: 240ms;
}