:root {
  /* Primitive color layer */
  --geng-color-purple-700: #7c3aed;
  --geng-color-green-600:  #22c55e;
  --geng-color-red-500:    #ef4444;
  --geng-color-orange-600: #d97706;
  --geng-color-yellow-300: #f6e86a;
  /* inherited from tenant portal --partial; not part of a derived palette */
  --geng-color-grey-900:   #0b0c0c;
  --geng-color-grey-600:   #6b7280;
  --geng-color-grey-100:   #f3f2f1;
  --geng-color-grey-050:   #f8f8f8;
  --geng-color-white:      #ffffff;

  /* Semantic color layer */
  --geng-color-text:            var(--geng-color-grey-900);
  --geng-color-secondary-text:  var(--geng-color-grey-600);
  --geng-color-body-background: var(--geng-color-white);
  /* surface-raised is lighter than surface on a light theme — closer to body-background creates the raised effect */
  --geng-color-surface:         var(--geng-color-grey-100);
  --geng-color-surface-raised:  var(--geng-color-grey-050);
  --geng-color-border:          var(--geng-color-grey-600);
  --geng-color-brand:           var(--geng-color-purple-700);
  --geng-color-success:         var(--geng-color-green-600);
  --geng-color-error:           var(--geng-color-red-500);
  --geng-color-warning:         var(--geng-color-orange-600);
  --geng-color-partial:         var(--geng-color-yellow-300);
  --govuk-color-focus:          #ffdd00;

  /* Spacing scale 0-9 (small-screen values) */
  --govuk-spacing-0: 0;
  --govuk-spacing-1: 5px;
  --govuk-spacing-2: 10px;
  --govuk-spacing-3: 15px;
  --govuk-spacing-4: 15px;
  --govuk-spacing-5: 15px;
  --govuk-spacing-6: 20px;
  --govuk-spacing-7: 25px;
  --govuk-spacing-8: 30px;
  --govuk-spacing-9: 40px;

  /* Extension tokens */
  --geng-radius-panel: 18px;
  --geng-shadow-panel: 0 4px 12px rgba(0, 0, 0, 0.08);
  --geng-font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

@media (min-width: 640px) {
  :root {
    --govuk-spacing-4: 20px;
    --govuk-spacing-5: 25px;
    --govuk-spacing-6: 30px;
    --govuk-spacing-7: 40px;
    --govuk-spacing-8: 50px;
    --govuk-spacing-9: 60px;
  }
}