/* Ivy color system — source: Branding Guidelines (Widelab), June 2022, pp.12-14 */
:root {
  /* Primary palette */
  --ivy-navy: #323649;
  --ivy-white: #FFFFFF;
  --ivy-green: #57C064;
  /* Accent colours */
  --ivy-blue: #3F85E2;
  --ivy-grey-accent: #3F87DC; /* named "Grey" in the guidelines but specified as a blue hex — kept verbatim */
  --ivy-light-grey: #EFEFF2;
  --ivy-pastel-orange: #FFE9D0;
  --ivy-pastel-green: #E8F9EA;
  /* Logo mark greens (from the approved vector files; logo + illustration use only) */
  --ivy-leaf-deep: #277638;
  --ivy-leaf: #4BAB60;
  --ivy-leaf-mid: #46B557;
  --ivy-leaf-bright: #64C96E;
  --ivy-leaf-light: #7EE989;
  /* Derived tints (mixes of the primary palette — no new hues) */
  --ivy-navy-70: color-mix(in oklab, var(--ivy-navy) 70%, white);
  --ivy-navy-50: color-mix(in oklab, var(--ivy-navy) 50%, white);
  --ivy-navy-15: color-mix(in oklab, var(--ivy-navy) 15%, white);
  --ivy-navy-8: color-mix(in oklab, var(--ivy-navy) 8%, white);
  --ivy-green-dark: color-mix(in oklab, var(--ivy-green) 82%, var(--ivy-navy));
  --ivy-green-deep: #2E7D3B;
  /* Semantic aliases */
  --text-primary: var(--ivy-navy);
  --text-secondary: var(--ivy-navy-70);
  --text-muted: var(--ivy-navy-50);
  --text-inverse: var(--ivy-white);
  --text-on-accent: var(--ivy-white);
  --surface-page: var(--ivy-white);
  --surface-subtle: var(--ivy-light-grey);
  --surface-card: var(--ivy-white);
  --surface-inverse: var(--ivy-navy);
  --surface-success: var(--ivy-pastel-green);
  --surface-warning: var(--ivy-pastel-orange);
  --border-default: var(--ivy-navy-15);
  --border-strong: var(--ivy-navy-50);
  --accent-primary: var(--ivy-green);
  --accent-primary-hover: var(--ivy-green-dark);
  --accent-secondary: var(--ivy-blue);
  --link: var(--ivy-blue);
  --link-hover: color-mix(in oklab, var(--ivy-blue) 80%, var(--ivy-navy));
  --focus-ring: color-mix(in srgb, var(--ivy-green) 35%, transparent);
}