:root {
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;

  /* Brand palette */
  --color-primary: #4dff75;
  --color-primary-dark: #1a8f3c;
  --color-secondary: #9bbbd2;
  --color-warm: #e9b991;

  /* Neutral palette */
  --color-neutral-950: #080c09;
  --color-neutral-900: #101711;
  --color-neutral-700: #263a2b;
  --color-neutral-500: #809889;
  --color-neutral-300: #afc2b4;
  --color-neutral-100: #eff3eb;

  /* Semantic roles */
  --color-surface-page: var(--color-neutral-950);
  --color-surface-card: var(--color-neutral-900);
  --color-surface-products: #ffffff;
  --color-text-products: #141a21;
  --color-border: var(--color-neutral-700);
  --color-text: var(--color-neutral-100);
  --color-text-strong: var(--color-primary);
  --color-text-muted: var(--color-neutral-300);
  --color-text-dim: var(--color-neutral-500);
  --color-interactive: var(--color-primary);
  --color-interactive-hover: var(--color-text);
  --color-decoration: var(--color-primary);
  --color-shadow-brand: var(--color-primary-dark);
  --color-footer-surface: var(--color-surface-products);
  --color-footer-text: var(--color-text-products);
  --color-footer-muted: #58636b;

  /* AutoReceipts feature card */
  --color-product-surface: rgb(58, 118, 196);
  --color-product-text: #ffffff;
  --color-product-muted: #ffffff;
  --color-product-link: #234b80;
  --color-product-link-hover: #193b68;
  --color-product-shadow: rgba(10, 35, 70, 0.28);

  /* Ambient colour */
  --color-glow-brand: rgba(36, 174, 86, 0.2);
  --color-glow-warm: rgba(216, 156, 110, 0.08);
  --color-accent-wash: rgba(77, 255, 117, 0.06);
  --color-sculpture-highlight: #76ff32;
}