/* International Charter colour tokens.
   Source: Internal Brand Guidelines (March 2024), p.5 "Colour palettes".
   Primary = blue + orange. Tints permitted. Secondary used occasionally. */
:root{
/* Primary palette */
--ic-blue:#006AA5;
--ic-orange:#E4803F;
--ic-blue-80:#3388B7;
--ic-blue-60:#66A6C9;
--ic-blue-40:#99C3DB;
--ic-blue-20:#CCE1ED;
--ic-blue-10:#E6F0F6;
--ic-blue-5:#F2F8FB;
--ic-orange-80:#E99965;
--ic-orange-60:#EFB38C;
--ic-orange-40:#F4CCB2;
--ic-orange-20:#FAE6D9;
--ic-orange-10:#FCF2EC;
--ic-orange-5:#FEF9F5;
/* Shades — derived for hover/press and text-on-light only (not in guidelines) */
--ic-blue-dark:#005584;
--ic-blue-darker:#004266;
--ic-orange-dark:#BB6934;
/* Secondary palette */
--ic-rust:#A53B00;
--ic-teal:#00A58D;
--ic-sky:#3FA3E4;
--ic-red:#E43F51;
--ic-teal-dark:#007363;
--ic-red-dark:#B63241;
--ic-sky-10:#ECF6FC;
--ic-teal-10:#E6F6F4;
--ic-red-10:#FCECEE;
--ic-orange-dark-text:#9A4A12;
/* Logo navy — sampled from the master logo's outer ring; not a published palette colour */
--ic-navy:#13235B;
/* Neutrals (not specified in guidelines; cool greys tuned toward the blue) */
--ic-white:#FFFFFF;
--ic-grey-50:#F5F7F9;
--ic-grey-100:#EBEFF3;
--ic-grey-200:#D8DEE5;
--ic-grey-300:#BAC3CD;
--ic-grey-400:#8C98A6;
--ic-grey-500:#66727F;
--ic-grey-600:#4B5560;
--ic-grey-700:#343C45;
--ic-grey-800:#222830;
--ic-grey-900:#14181D;
--ic-black:#000000;

/* Semantic aliases */
--text-strong:var(--ic-grey-900);
--text-body:var(--ic-grey-800);
--text-muted:var(--ic-grey-600);
--text-subtle:var(--ic-grey-500);
--text-inverse:var(--ic-white);
--text-link:var(--ic-blue);
--text-link-hover:var(--ic-blue-dark);
--text-accent:var(--ic-blue);

--surface-page:var(--ic-white);
--surface-sunken:var(--ic-grey-50);
--surface-card:var(--ic-white);
--surface-tint:var(--ic-blue-5);
--surface-brand:var(--ic-blue);
--surface-brand-deep:var(--ic-navy);
--surface-accent:var(--ic-orange);
--surface-inverse:var(--ic-grey-900);

--border-subtle:var(--ic-grey-100);
--border-default:var(--ic-grey-200);
--border-strong:var(--ic-grey-400);
--border-focus:var(--ic-blue);

--action-primary:var(--ic-blue);
--action-primary-hover:var(--ic-blue-dark);
--action-primary-press:var(--ic-blue-darker);
--action-accent:var(--ic-orange);
--action-accent-hover:var(--ic-orange-dark);

--status-info:var(--ic-sky);
--status-info-bg:var(--ic-sky-10);
--status-success:var(--ic-teal);
--status-success-text:var(--ic-teal-dark);
--status-success-bg:var(--ic-teal-10);
--status-warning:var(--ic-orange);
--status-warning-text:var(--ic-orange-dark-text);
--status-warning-bg:var(--ic-orange-10);
--status-danger:var(--ic-red);
--status-danger-text:var(--ic-red-dark);
--status-danger-bg:var(--ic-red-10);

--focus-ring:0 0 0 3px var(--ic-blue-40);
}