/* ============================================================
   Allycom — Color tokens
   Brand mark: purple speech-bubble + dark-grey "allycom" wordmark.
   Product surface: dark, deep-purple gradient with glassmorphic cards.
   ============================================================ */
:root {
  /* --- Brand core --- */
  --alc-purple: #7A2D8F;       /* primary brand purple (logo outline, buttons, borders) */
  --alc-magenta: #C85CBF;      /* accent — eyebrows, highlights, hovers, icon line A */
  --alc-azure: #0078D4;        /* Microsoft Azure blue — secondary hover / link accent */
  --alc-ink: #443D4A;          /* logo wordmark dark grey-purple */
  --alc-white: #FFFFFF;

  /* --- Dark canvas (page gradient) --- */
  --alc-bg-start: #0E0E18;     /* near-black top of gradient */
  --alc-bg-end: #1A1033;       /* deep purple bottom of gradient */
  --alc-bg-gradient: linear-gradient(to bottom, var(--alc-bg-start), var(--alc-bg-end));

  /* --- Neutral / slate text scale (Tailwind slate) --- */
  --alc-slate-100: #F1F5F9;
  --alc-slate-200: #E2E8F0;
  --alc-slate-300: #CBD5E1;
  --alc-slate-400: #94A3B8;
  --alc-slate-500: #64748B;

  /* --- Glass surface system (on dark canvas) --- */
  --alc-surface: rgba(255, 255, 255, 0.05);    /* default glass card fill */
  --alc-surface-sunken: rgba(0, 0, 0, 0.20);   /* nested / inset panel */
  --alc-border: rgba(255, 255, 255, 0.10);     /* default hairline border */
  --alc-border-strong: rgba(255, 255, 255, 0.20);
  --alc-border-brand: rgba(122, 45, 143, 0.60);/* purple-tinted border */
  --alc-tint-brand: rgba(122, 45, 143, 0.20);  /* purple wash (announcement bar) */

  /* ============================================================
     Semantic aliases — prefer these in components
     ============================================================ */
  --color-primary: var(--alc-purple);
  --color-primary-hover: var(--alc-magenta);   /* primary buttons brighten to magenta */
  --color-accent: var(--alc-magenta);
  --color-link-hover: var(--alc-azure);

  --text-strong: var(--alc-white);
  --text-body: var(--alc-slate-300);
  --text-muted: var(--alc-slate-400);
  --text-eyebrow: var(--alc-magenta);
  --text-on-light: var(--alc-ink);

  --surface-page: var(--alc-bg-start);
  --surface-card: var(--alc-surface);
  --surface-inset: var(--alc-surface-sunken);

  --border-default: var(--alc-border);
  --border-strong: var(--alc-border-strong);
  --border-brand: var(--alc-border-brand);

  /* Status (derived, sparingly used) */
  --color-success: #2BAE66;
  --color-warning: #E0A23B;
  --color-danger: #E5484D;
}