/* Design tokens for the Monthly family, taken from the CW Asset Finance site (cwaf-onepage, style.css).
   Restyle here only: the layout in site.css reads these. */
:root {
  /* Surfaces */
  --cream: #faf7f1;           /* page */
  --sand: #f2eee5;            /* panels */
  --sand-2: #e6dfd0;
  --card: #ffffff;
  --line: #e4ded2;
  --line-input: #cfc7b8;

  /* Text */
  --ink: #15201a;
  --body: #3a4743;
  --muted: #596661;
  --on-dark: #cad9d1;

  /* CWAF green */
  --green: #143024;
  --green-2: #0e2117;
  --green-lt: #1e4a36;
  --green-hi: #24573f;        /* lightest stop of the green gradients */
  --mint: #dfeae2;
  --mint-2: #c9ddd1;

  /* Gold, sampled from the CWAF logo. Fills only; use --gold-ink for gold coloured text. */
  --gold: #ffc42e;
  --gold-edge: #e8a81d;
  --gold-deep: #c8871a;
  --gold-ink: #6f4a09;
  --gold-pale: #fef0ce;

  --error: #a3201b;

  /* The brand accent. Every Monthly brand shares CWAF green and gold; set an override below to tell them apart. */
  --accent: var(--gold);
  --accent-edge: var(--gold-edge);
  --accent-pale: var(--gold-pale);
  --accent-ink: var(--gold-ink);

  --font: 'Archivo', system-ui, sans-serif;

  --r-lg: 28px;
  --r: 20px;
  --r-sm: 12px;
  --tap: 44px;
  --max: 1180px;

  /* The CWAF mark's trailing edge runs in 0.3825 of its height (about 21 degrees) */
  --slant-ratio: 0.3825;
}

/* Per brand accents. Left on CWAF gold for now; uncomment to differentiate. */
/* [data-site="tractor"] { --accent: #9fcf4a; --accent-edge: #7fae2e; --accent-pale: #eef6dc; --accent-ink: #3d5a0e; } */
/* [data-site="hgv"]     { --accent: #ff9a3c; --accent-edge: #e27a1c; --accent-pale: #fde6d2; --accent-ink: #7a3a05; } */