/*
 * Design tokens — the ONLY file to edit when rebranding.
 *
 * Token names and every value except the accent mirror the reference theme's own
 * :root block (autobarncars.co.uk), so the layout reads the same. The accent is
 * AJ & Sons gold (the logo's stars) instead of the reference's #ffdd59.
 */
:root {
  --body-background: #272727;
  --body-font-color: #ffffff;

  --alternate-background: #3d4043;
  --text-on-alternate-background: #ffffff;

  --primary-color: #e2b93b;          /* AJ & Sons gold, brightened from #d4af37 for buttons */
  --primary-color-light: #f3d77a;    /* top of the gold gradient on the budget figure */
  --text-on-primary-color: #000000;

  --secondary-color: #ececec;
  --text-on-secondary-color: #000000;

  --gradient-color-left: #434343;
  --gradient-color-right: #131313;
  --text-on-gradient: #ffffff;

  --header-background: #414141;
  --header-font-color: #ffffff;

  --footer-background: #000000;
  --footer-font-color: #ffffff;

  --fields-background: #f6f6f6;
  --fields-font-color: #000000;

  --lines-color: #c3c3c3;
  --card-background: #ffffff;
  --card-border: #e9e9e9;
  --card-divider: #e4e6e8;
  --card-spec-background: #f1f1f1;

  --font-heading: "Epilogue", sans-serif;
  --font-body: "DM Sans", sans-serif;

  --radius-button: 10px;
  --radius-field: 12px;
  --radius-card: 15px;
  --radius-panel: 20px;

  --shadow-card: 0 4px 20px 0 rgba(95, 93, 143, 0.1);
  --shadow-bar: 0 4px 10px 0 rgba(0, 0, 0, 0.2);

  --container: 1400px;
  --gutter: 15px;

  --gradient: linear-gradient(90deg, var(--gradient-color-left) 0%, var(--gradient-color-right) 100%);

  --jp-red: #bc002d;                 /* Japanese flag red — accents only (dots, faint decorative circles), never a background fill */
}