:root{
  /* ---- Brand primaries (Meldeen 2022 guidebook, exact) ---- */
  --dcr-black:#000000;
  --dcr-white:#FFFFFF;

  /* ---- Brand secondaries (Meldeen 2022 guidebook, exact) ---- */
  --dcr-purple:#6D22A8;
  --dcr-magenta:#FE01CE;
  --dcr-coral:#FD675E;
  --dcr-ice-blue:#A0DCF9;

  /* ---- Neutrals. NOT in the guidebook: derived from black/white for UI needs.
         Kept intentionally few so the field still reads as pure black or pure white. ---- */
  --ink-0:#000000;
  --ink-1:#0A0A0A;   /* raised surface on black */
  --ink-2:#141414;   /* inset / input field on black */
  --ink-3:#1F1F1F;   /* hover on black */
  --ink-4:#2E2E2E;   /* hairline on black */
  --ink-5:#6B6B6B;   /* muted type on black */
  --ink-6:#A8A8A8;   /* secondary type on black */

  --paper-0:#FFFFFF;
  --paper-1:#F5F5F5; /* raised surface on white */
  --paper-2:#EAEAEA; /* inset / input field on white */
  --paper-3:#DCDCDC; /* hairline on white */
  --paper-4:#8C8C8C; /* muted type on white */
  --paper-5:#4A4A4A; /* secondary type on white */

  /* ---- Accent tints. Only ever used as hairlines, washes and scrims —
         never as a large field. ---- */
  --coral-wash:rgba(253,103,94,.12);
  --coral-line:rgba(253,103,94,.32);
  --ice-wash:rgba(160,220,249,.12);
  --ice-line:rgba(160,220,249,.32);
  --purple-wash:rgba(109,34,168,.16);
  --purple-line:rgba(109,34,168,.40);
  --magenta-wash:rgba(254,1,206,.12);
  --magenta-line:rgba(254,1,206,.32);

  /* ---- Photo scrims. Every logo and every headline over photography sits on one of these. ---- */
  --scrim-flat:rgba(0,0,0,.62); /* @kind other */
  --scrim-heavy:rgba(0,0,0,.78); /* @kind other */
  --scrim-top:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 100%); /* @kind other */
  --scrim-bottom:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,0) 100%); /* @kind other */

  /* ---- Semantic aliases: the dark field is the default. ---- */
  --surface-page:var(--ink-0);
  --surface-raised:var(--ink-1);
  --surface-inset:var(--ink-2);
  --surface-hover:var(--ink-3);
  --surface-inverse:var(--paper-0);

  --text-primary:var(--dcr-white);
  --text-secondary:var(--ink-6);
  --text-muted:var(--ink-5);
  --text-inverse:var(--dcr-black);
  --text-accent:var(--accent);

  --rule:var(--ink-4);
  --rule-accent:var(--accent-line);
  --focus-ring:var(--accent);
}

/* Light field. Price sheets, one-sheets, proposals — the calm, premium half of the brand. */
.dcr-field-light{
  --surface-page:var(--paper-0);
  --surface-raised:var(--paper-1);
  --surface-inset:var(--paper-2);
  --surface-hover:var(--paper-2);
  --surface-inverse:var(--dcr-black);
  --text-primary:var(--dcr-black);
  --text-secondary:var(--paper-5);
  --text-muted:var(--paper-4);
  --text-inverse:var(--dcr-white);
  --rule:var(--paper-3);
}