/* ASP Consulting — color tokens
   Source: brand asset folder "1.1 Logos" color naming + portfolio print work */
:root {
  /* Base palette (named exactly as in the brand asset library) */
  --asp-dark-blue: #10328B;   /* Color 1 — logo mark, display type on paper */
  --asp-blue: #0A40C0;        /* Color 2 — vivid brand blue, covers, full-bleed fields */
  --asp-grey: #C7C8C3;        /* Color 3 — warm grey, rules, technical linework */
  --asp-orange: #FF5001;      /* Color 4 — accent, markers, eyebrows, bullets */
  --asp-light-grey: #F5F5F5;  /* Color 5 — paper, page backgrounds */
  --asp-navy: #0C1139;        /* Color 6 — near-black ink */
  --asp-white: #FFFFFF;

  /* Extended neutrals (derived, stay quiet) */
  --asp-grey-700: #55564F;
  --asp-grey-500: #8A8B85;
  --asp-grey-200: #DEDEDA;
  --asp-grey-100: #ECECEA;

  /* Blue ramp (derived from the two brand blues) */
  --asp-blue-800: #0A2668;
  --asp-blue-100: #DCE4F8;
  --asp-blue-50: #EDF1FB;

  /* Semantic aliases */
  --surface-page: var(--asp-light-grey);
  --surface-card: var(--asp-white);
  --surface-brand: var(--asp-blue);
  --surface-ink: var(--asp-navy);

  --text-primary: var(--asp-navy);
  --text-secondary: var(--asp-grey-700);
  --text-brand: var(--asp-dark-blue);
  --text-accent: var(--asp-orange);
  --text-on-brand: var(--asp-light-grey);
  --text-muted: var(--asp-grey-500);

  --accent: var(--asp-orange);
  --brand: var(--asp-blue);
  --brand-deep: var(--asp-dark-blue);

  --border-hairline: var(--asp-grey-200);
  --border-rule: var(--asp-grey);
  --border-strong: var(--asp-navy);

  --interactive: var(--asp-blue);
  --interactive-hover: var(--asp-dark-blue);
  --interactive-active: var(--asp-blue-800);
  --focus-ring: var(--asp-orange);

  /* Status (kept inside the brand palette — no green/red invented beyond necessity) */
  --status-info: var(--asp-blue);
  --status-warn: var(--asp-orange);
  --status-error: #C0290A;
  --status-ok: #1F7A4D;
}