/* ============================================================================
   Aiden Pro — colour palette  (fresh blue / indigo)
   Inspired by the agency demo's fresh look + your brand logo + your header colour.
   Reuse anywhere:  <link rel="stylesheet" href="/web/aidenpro/theme.css">
   then use the variables, e.g.  color: var(--ap-accent);
   ============================================================================ */
:root{
  /* ── accent (the fresh periwinkle-indigo, like the demo) ─────────────── */
  --ap-accent:rgb(80,85,252); /* primary — buttons, links, highlights (RGB 80,85,252) */
  --ap-accent-dark:rgb(62,66,200); /* hover / pressed (darker shade of the accent)    */
  --ap-accent-soft:#eef0fc;   /* tint — icon backgrounds, soft fills, badges */

  /* ── deep blues ──────────────────────────────────────────────────────── */
  --ap-deep:#4d5274;          /* the header bar (your choice — RGB 77,82,116)*/
  --ap-navy:#2b2e44;          /* footer / darkest sections                   */
  --ap-hero-dark:#282c4a;     /* hero photo overlay — dark side (text side)  */
  --ap-hero-mid:#393c6e;      /* hero photo overlay — middle                 */
  --ap-hero-glow:#6c63ff;     /* hero photo overlay — light purple/blue glow */

  /* ── text ────────────────────────────────────────────────────────────── */
  --ap-ink:#262a3f;           /* main body text                              */
  --ap-soft:#6a7090;          /* secondary / muted text                      */
  --ap-on-dark:#ffffff;       /* text on a dark/hero background               */
  --ap-on-dark-soft:#b9b4ff;  /* highlighted word on dark (light periwinkle) */

  /* ── surfaces ────────────────────────────────────────────────────────── */
  --ap-bg:#f3f5fb;            /* page background (cool light)                 */
  --ap-card:#ffffff;          /* cards / panels                              */
  --ap-line:#e7eaf4;          /* borders / dividers                          */

  /* ── short aliases the site stylesheet uses ──────────────────────────── */
  --bg:var(--ap-bg); --card:var(--ap-card); --ink:var(--ap-ink); --soft:var(--ap-soft);
  --line:var(--ap-line); --accent:var(--ap-accent); --accent-dark:var(--ap-accent-dark);
  --deep:var(--ap-deep); --tint:var(--ap-accent-soft);
}