:root {
  --brand-primary: var(--gj-brand-green);
  --brand-surface: var(--gj-brand-neutral);
  --brand-accent: var(--gj-brand-gold);
  --brand-secondary: var(--gj-brand-burgundy);
  --brand-ink: var(--gj-brand-black);
  --brand-on-primary: var(--gj-n-0);
  --brand-font: var(--gj-font-ui);

  /* Derived interface colors, not additions to the official brand palette. */
  --brand-primary-hover: var(--gj-verde-700);
  --brand-primary-deep: var(--gj-verde-900);
  --brand-primary-lift: var(--gj-verde-600);
  --brand-primary-soft: var(--gj-verde-50);
  --brand-accent-soft: var(--gj-oro-100);
  --brand-primary-rgb: var(--gj-brand-green-rgb);
  --ui-canvas: var(--gj-n-50);
  --ui-surface: var(--gj-n-0);
  --ui-surface-muted: var(--gj-n-25);
  --ui-border: var(--gj-n-200);
  --ui-control-border: var(--gj-n-300);
  --ui-control-bg: var(--gj-n-50);
  --ui-text: var(--gj-n-900);
  --ui-text-muted: var(--gj-n-600);
  --ui-on-brand-muted: #e1ebe7;
  --ui-success: var(--gj-milpa);
  --ui-success-soft: var(--gj-milpa-bg);
  --ui-warning: var(--gj-achiote-tx);
  --ui-warning-soft: var(--gj-achiote-bg);
  --ui-danger: var(--gj-cochinilla);
  --ui-danger-soft: var(--gj-cochinilla-bg);
  --ui-info: var(--gj-anil);
  --ui-info-soft: var(--gj-anil-bg);
  --ui-focus: var(--gj-verde-800);
  --ui-focus-contrast: var(--gj-n-0);
  --ui-brand-shadow: rgb(4 56 44 / 9%);
  --material-marker-green: #25844f;
  --material-marker-red: #c62f3d;
  --material-marker-yellow: #e5b51f;
  --material-marker-blue: #397bb5;
  --material-marker-burgundy: #8d2949;
  --material-marker-orange: #d66b25;
  --material-marker-brown: #79523a;
  --material-marker-black: #242827;
  --material-marker-white: #ffffff;
  --material-marker-gray: #7a8580;
  --brand-surface-illustration: url("/static/images/cardamom-engraving.36791ae3769a.svg");
}