:root{
  /* Base palette */
  --navy:#041167;
  --blue:#071FBC;
  --aqua:#3DDAC4;
  --lime:#6EDA37;
  --ink:#0D1640;
  --soft-aqua:#EAFAF6;
  --soft-lime:#F1FBE8;
  --bg-light:#F5F8FF;
  --white:#FFFFFF;

  /* Tints & shades derived from the base palette */
  --blue-hover:#0518A0;
  --blue-press:#041280;
  --blue-soft:#E4E8FB;
  --navy-hover:#030D4F;
  --aqua-deep:#22BBA6;
  --lime-deep:#57BE26;
  --border-soft:#DCE4FA;
  --border-aqua:#C6F0E7;

  /* Semantic surfaces */
  --surface-page:var(--bg-light);
  --surface-card:var(--white);
  --surface-raised:var(--white);
  --surface-aqua:var(--soft-aqua);
  --surface-lime:var(--soft-lime);
  --surface-navy:var(--navy);
  --surface-muted:var(--blue-soft);

  /* Semantic text */
  --text-heading:var(--navy);
  --text-body:var(--ink);
  --text-muted:#4A5480;
  --text-subtle:#7C86AD;
  --text-on-dark:var(--white);
  --text-on-dark-muted:#BFC8EE;
  --text-link:var(--blue);
  --text-link-hover:var(--navy);
  --text-accent:var(--aqua-deep);

  /* Semantic borders */
  --border-default:var(--border-soft);
  --border-strong:#B9C6F2;
  --border-focus:var(--blue);

  /* Actions */
  --action-primary-bg:var(--blue);
  --action-primary-fg:var(--white);
  --action-lime-bg:var(--lime);
  --action-lime-fg:#0B3A00;
  --action-secondary-fg:var(--navy);
  --action-secondary-border:var(--navy);

  /* Feedback */
  --success:var(--lime-deep);
  --success-surface:var(--soft-lime);
  --info:var(--aqua-deep);
  --info-surface:var(--soft-aqua);
  --warning:#E8A400;
  --warning-surface:#FFF6E0;
  --danger:#C4304B;
  --danger-surface:#FDECEF;

  /* Gradients */
  --gradient-brand:linear-gradient(135deg,var(--aqua) 0%,var(--lime) 100%);
  --gradient-brand-soft:linear-gradient(135deg,var(--soft-aqua) 0%,var(--soft-lime) 100%);
  --gradient-navy:linear-gradient(160deg,var(--navy) 0%,var(--blue) 100%);
  --gradient-text-brand:linear-gradient(100deg,var(--aqua-deep) 0%,var(--lime-deep) 100%);
}