/* Nion Ventures — colour system.
   Base values sampled pixel-exact from the supplied logo artwork and the
   NION_branding.pdf vector fills. The brand is a strict two-colour system:
   pink #FF295C on navy #000033, with a cool neutral ramp for UI surfaces. */
:root{
  /* ---- Brand primaries ---- */
  --nion-pink:#FF295C;      /* logo pink — sampled from Logotipo_nion_ROSA */
  --nion-navy:#000033;      /* logo navy — sampled from Logotipo_nion_AZUL */
  --nion-black:#000000;     /* mono logo lockup only */
  --nion-white:#FFFFFF;

  /* ---- Pink ramp ---- */
  --pink-50:#FFF8F6;
  --pink-100:#FFDADB;
  --pink-300:#FF688C;
  --pink-400:#FF5673;
  --pink-500:#FF295C;       /* = --nion-pink */
  --pink-600:#D83D5D;       /* hover / pressed on pink */
  --pink-700:#CF4264;

  /* ---- Navy ramp ---- */
  --navy-900:#000033;       /* = --nion-navy */
  --navy-850:#0D142B;       /* deep navy used behind photography */
  --navy-800:#100E2C;       /* social-post ground */
  --navy-700:#222B3F;
  --navy-600:#303A55;
  --navy-500:#3D4760;

  /* ---- Cool neutral ramp ---- */
  --neutral-0:#FFFFFF;
  --neutral-50:#EEF1F0;
  --neutral-100:#E0E5E3;
  --neutral-300:#C0CAC8;
  --neutral-500:#909C9C;

  /* ---- Semantic: text ---- */
  --text-body:var(--navy-900);
  --text-muted:var(--navy-500);
  --text-subtle:var(--neutral-500);
  --text-accent:var(--nion-pink);
  --text-on-dark:var(--nion-white);
  --text-on-pink:var(--nion-navy);
  --text-link:var(--nion-pink);
  --text-link-hover:var(--pink-600);

  /* ---- Semantic: surface ---- */
  --surface-page:var(--nion-white);
  --surface-card:var(--nion-white);
  --surface-subtle:var(--neutral-50);
  --surface-sunken:var(--neutral-100);
  --surface-inverse:var(--nion-navy);
  --surface-inverse-soft:var(--navy-700);
  --surface-accent:var(--nion-pink);
  --surface-accent-soft:var(--pink-50);

  /* ---- Semantic: border ---- */
  --border-subtle:var(--neutral-100);
  --border-default:var(--neutral-300);
  --border-strong:var(--nion-navy);
  --border-accent:var(--nion-pink);
  --border-on-dark:rgba(255,255,255,.18);

  /* ---- Semantic: interactive ---- */
  --action-primary-bg:var(--nion-pink);
  --action-primary-fg:var(--nion-navy);   /* navy on pink — the brand's own pairing, 5.6:1 */
  --action-primary-bg-hover:var(--pink-600);
  --action-secondary-bg:var(--nion-navy);
  --action-secondary-fg:var(--nion-white);
  --action-secondary-bg-hover:var(--navy-700);
  --action-ghost-fg:var(--nion-navy);
  --action-ghost-border:var(--nion-navy);
  --focus-ring:var(--nion-pink);

  /* ---- Status (derived from the brand pair; no new hues) ---- */
  --status-positive:#1F9E6E;
  --status-warning:#E0A21B;
  --status-critical:var(--nion-pink);
  --status-info:var(--navy-600);
}