/* ============================================================
   AB-Launch — Color tokens
   Sampled from the brand logo: black slashes, steel-blue
   outlined "AB", soft-yellow fill, white ground.
   ============================================================ */
:root {
  /* --- Brand core --------------------------------------- */
  --ab-black: #000000;
  --ab-yellow: #FAF17C;     /* soft launch-yellow, the spotlight */
  --ab-blue: #4682B4;       /* steel blue, the outline / accent */
  --ab-white: #FFFFFF;

  /* --- Yellow ramp -------------------------------------- */
  --yellow-100: #FFFDE9;
  --yellow-200: #FDF8BE;
  --yellow-300: #FAF17C;    /* = --ab-yellow */
  --yellow-400: #F2E64A;
  --yellow-500: #D9C92E;

  /* --- Blue ramp ---------------------------------------- */
  --blue-100: #EAF1F8;
  --blue-200: #C3D8EC;
  --blue-300: #7FA9CE;
  --blue-400: #4682B4;      /* = --ab-blue */
  --blue-500: #356391;
  --blue-600: #25496B;

  /* --- Neutral ramp (warm-free, true greys) ------------- */
  --neutral-0:  #FFFFFF;
  --neutral-50: #F6F7F8;
  --neutral-100:#ECEEF0;
  --neutral-200:#DCDFE3;
  --neutral-300:#BFC4CB;
  --neutral-400:#9AA1AA;
  --neutral-500:#6F767F;
  --neutral-600:#4A4F56;
  --neutral-700:#2E3237;
  --neutral-800:#1A1C1F;
  --neutral-900:#0B0C0D;

  /* --- Semantic: surfaces ------------------------------- */
  --surface-page: var(--ab-white);
  --surface-card: var(--ab-white);
  --surface-muted: var(--neutral-50);
  --surface-inverse: var(--ab-black);
  --surface-spotlight: var(--ab-yellow);

  /* --- Semantic: text ----------------------------------- */
  --text-strong: var(--ab-black);
  --text-body: var(--neutral-700);
  --text-muted: var(--neutral-500);
  --text-inverse: var(--ab-white);
  --text-on-yellow: var(--ab-black);
  --text-link: var(--blue-500);

  /* --- Semantic: borders / lines ------------------------ */
  --border-subtle: var(--neutral-200);
  --border-strong: var(--ab-black);
  --border-accent: var(--ab-blue);
  --divider: var(--neutral-200);

  /* --- Semantic: interactive ---------------------------- */
  --action-primary: var(--ab-black);
  --action-primary-hover: var(--neutral-700);
  --action-accent: var(--ab-yellow);
  --action-accent-hover: var(--yellow-400);
  --focus-ring: var(--ab-blue);

  /* --- Status (kept restrained, brand-adjacent) --------- */
  --success: #2E8B57;
  --warning: #E0A800;
  --danger:  #C2410C;
  --info: var(--ab-blue);
}