/*
  Colour entries below reference same-named CSS variables defined in
  colors/base.css (raw palette) and colors/defra.css (semantic tokens).
  Tailwind's @theme block outputs to @layer theme; the :root declarations
  in those files are unlayered and take precedence in the cascade, supplying
  the actual values. These declarations exist solely so Tailwind generates
  utility classes for each colour name.
*/
@theme {
  --color-*: initial;
  --color-black: var(--color-black);
  --color-black-tint-25: var(--color-black-tint-25);
  --color-black-tint-50: var(--color-black-tint-50);
  --color-black-tint-80: var(--color-black-tint-80);
  --color-black-tint-95: var(--color-black-tint-95);

  --color-white: var(--color-white);

  --color-blue: var(--color-blue);
  --color-blue-tint-25: var(--color-blue-tint-25);
  --color-blue-tint-50: var(--color-blue-tint-50);
  --color-blue-tint-80: var(--color-blue-tint-80);
  --color-blue-tint-95: var(--color-blue-tint-95);
  --color-blue-shade-10: var(--color-blue-shade-10);
  --color-blue-shade-25: var(--color-blue-shade-25);
  --color-blue-shade-50: var(--color-blue-shade-50);

  --color-green: var(--color-green);
  --color-green-tint-25: var(--color-green-tint-25);
  --color-green-tint-50: var(--color-green-tint-50);
  --color-green-tint-80: var(--color-green-tint-80);
  --color-green-tint-95: var(--color-green-tint-95);
  --color-green-shade-25: var(--color-green-shade-25);
  --color-green-shade-50: var(--color-green-shade-50);

  --color-red: var(--color-red);
  --color-red-tint-25: var(--color-red-tint-25);
  --color-red-tint-50: var(--color-red-tint-50);
  --color-red-tint-80: var(--color-red-tint-80);
  --color-red-tint-95: var(--color-red-tint-95);
  --color-red-shade-25: var(--color-red-shade-25);
  --color-red-shade-50: var(--color-red-shade-50);

  --color-yellow: var(--color-yellow);
  --color-yellow-tint-25: var(--color-yellow-tint-25);
  --color-yellow-tint-50: var(--color-yellow-tint-50);
  --color-yellow-tint-80: var(--color-yellow-tint-80);
  --color-yellow-tint-95: var(--color-yellow-tint-95);
  --color-yellow-shade-25: var(--color-yellow-shade-25);
  --color-yellow-shade-50: var(--color-yellow-shade-50);

  --color-orange: var(--color-orange);
  --color-orange-tint-25: var(--color-orange-tint-25);
  --color-orange-tint-50: var(--color-orange-tint-50);
  --color-orange-tint-80: var(--color-orange-tint-80);
  --color-orange-tint-95: var(--color-orange-tint-95);
  --color-orange-shade-25: var(--color-orange-shade-25);
  --color-orange-shade-50: var(--color-orange-shade-50);

  --color-purple: var(--color-purple);
  --color-purple-tint-25: var(--color-purple-tint-25);
  --color-purple-tint-50: var(--color-purple-tint-50);
  --color-purple-tint-80: var(--color-purple-tint-80);
  --color-purple-tint-95: var(--color-purple-tint-95);
  --color-purple-shade-25: var(--color-purple-shade-25);
  --color-purple-shade-50: var(--color-purple-shade-50);

  --color-magenta: var(--color-magenta);
  --color-magenta-tint-25: var(--color-magenta-tint-25);
  --color-magenta-tint-50: var(--color-magenta-tint-50);
  --color-magenta-tint-80: var(--color-magenta-tint-80);
  --color-magenta-tint-95: var(--color-magenta-tint-95);
  --color-magenta-shade-25: var(--color-magenta-shade-25);
  --color-magenta-shade-50: var(--color-magenta-shade-50);

  --color-teal: var(--color-teal);
  --color-teal-tint-25: var(--color-teal-tint-25);
  --color-teal-tint-50: var(--color-teal-tint-50);
  --color-teal-tint-80: var(--color-teal-tint-80);
  --color-teal-tint-95: var(--color-teal-tint-95);
  --color-teal-shade-25: var(--color-teal-shade-25);
  --color-teal-shade-50: var(--color-teal-shade-50);
  --color-teal-accent: var(--color-teal-accent);

  --color-brown: var(--color-brown);
  --color-brown-tint-25: var(--color-brown-tint-25);
  --color-brown-tint-50: var(--color-brown-tint-50);
  --color-brown-tint-95: var(--color-brown-tint-95);

  --color-gray: var(--color-black-tint-80);
  --color-gray-dark: var(--color-black-tint-25);
  --color-gray-light: var(--color-black-tint-95);

  --color-panel: var(--color-panel);
  --color-panel-border: var(--color-panel-border);
  --color-body: var(--color-body);
  --color-body-secondary: var(--color-body-secondary);
  --color-accent: var(--color-accent);
  --color-accent-safe: var(--color-accent-safe);
  --color-accent-hover: var(--color-accent-hover);
  --color-accent-shadow: var(--color-accent-shadow);
  --color-on-accent: var(--color-on-accent);
  --color-link: var(--color-link);
  --color-link-hover: var(--color-link-hover);
  --color-link-visited: var(--color-link-visited);
  --color-link-active: var(--color-link-active);
  --color-divider: var(--color-divider);
  --color-divider-input: var(--color-divider-input);
  --color-focus: var(--color-focus);
  --color-on-focus: var(--color-on-focus);
  --color-error: var(--color-error);
  --color-error-hover: var(--color-error-hover);
  --color-error-shadow: var(--color-error-shadow);
  --color-on-error: var(--color-on-error);
  --color-success: var(--color-success);
  --color-wash: var(--color-wash);
  --color-neutral-mid: var(--color-neutral-mid);
  --color-muted: var(--color-muted);
  --color-surface: var(--color-surface);
  --color-surface-hover: var(--color-surface-hover);
  --color-on-surface: var(--color-on-surface);
  --color-surface-divider: var(--color-surface-divider);
  --color-warning: var(--color-warning);
  --color-on-warning: var(--color-on-warning);
  --color-disabled: var(--color-disabled);
  --color-on-disabled: var(--color-on-disabled);

  --color-neutral-subtle: var(--color-neutral-subtle);
  --color-success-subtle: var(--color-success-subtle);
  --color-warning-subtle: var(--color-warning-subtle);
  --color-error-subtle: var(--color-error-subtle);
  --color-info-subtle: var(--color-info-subtle);
  --color-accent-subtle: var(--color-accent-subtle);
  --color-on-neutral-subtle: var(--color-on-neutral-subtle);
  --color-on-success-subtle: var(--color-on-success-subtle);
  --color-on-warning-subtle: var(--color-on-warning-subtle);
  --color-on-error-subtle: var(--color-on-error-subtle);
  --color-on-info-subtle: var(--color-on-info-subtle);
  --color-on-accent-subtle: var(--color-on-accent-subtle);
}