/* Nduw's Family — color tokens */
:root {
  /* Base palette (from brand notes + packaging) */
  --color-primary: #0067b8;         /* Nduw's blue — logo, buttons, headings */
  --color-primary-dark: #003b63;    /* deep navy — dark panels, footer */
  --color-secondary: #64c7f3;       /* sky blue — packaging field, links on dark */
  --color-secondary-light: #b9ecf7; /* pale aqua — tinted surfaces, highlights */

  --color-accent: #f4d548;          /* packaging yellow swoosh — highlights, promos */
  --color-sustainability: #4fae68;  /* green — recycling & eco messaging only */

  --color-white: #ffffff;
  --color-background: #f4f9fc;      /* page background, very light blue */
  --color-text: #17212b;            /* near-black body text */
  --color-text-muted: #667085;      /* secondary text */

  /* Derived tints/shades */
  --color-primary-hover: #005596;
  --color-primary-active: #00477d;
  --color-secondary-tint: #e3f4fd;  /* washes, chips, selected rows */
  --color-accent-soft: #fdf3c4;     /* soft yellow wash */
  --color-sustainability-soft: #e2f3e7;
  --color-danger: #d64545;
  --color-danger-soft: #fbe9e9;

  /* Semantic aliases */
  --surface-page: var(--color-background);
  --surface-card: var(--color-white);
  --surface-raised: var(--color-white);
  --surface-tint: var(--color-secondary-tint);
  --surface-dark: var(--color-primary-dark);

  --text-body: var(--color-text);
  --text-muted: var(--color-text-muted);
  --text-brand: var(--color-primary);
  --text-on-primary: var(--color-white);
  --text-on-dark: var(--color-white);
  --text-on-dark-muted: var(--color-secondary-light);

  --border-subtle: #dde8f0;
  --border-strong: #b9cddd;
  --border-focus: var(--color-primary);

  --link-color: var(--color-primary);
  --link-hover: var(--color-primary-hover);
}