/* ============================================================
   COLOR TOKENS
   Shared dark foundation + two brand accents.
   Aaron Chowdhury = Electric Orange. Faisal = Electric Violet.
   ============================================================ */
:root {
  /* --- Foundation (shared by both brands) --- */
  --bg: #080808;            /* page background — near-black */
  --surface: #141414;       /* cards, nav */
  --surface-2: #0f0f0f;     /* deeper card wells */
  --border: #222222;        /* dividers, outlines */
  --border-soft: #1a1a1a;   /* subtle card borders */
  --border-ghost: #333333;  /* ghost-button border */
  --text: #f0f0f0;          /* primary text */
  --text-muted: #666666;    /* captions, labels */
  --text-dim: #444444;      /* meta, disabled */
  --text-on-accent: #080808;/* dark text on orange fills */

  /* --- Aaron Chowdhury — Electric Orange --- */
  --orange: #ff3d00;
  --orange-light: #ff6b3d;
  --orange-tint: rgba(255, 61, 0, 0.12);
  --orange-tint-strong: rgba(255, 61, 0, 0.30);

  /* --- Faisal — Electric Violet --- */
  --violet: #7b2fff;
  --violet-light: #9f5fff;
  --violet-tint: rgba(123, 47, 255, 0.12);
  --violet-tint-strong: rgba(123, 47, 255, 0.30);

  /* --- Semantic accent aliases ---
     Default brand is Aaron (orange). Switch the whole system to
     Faisal by setting these on a scope: e.g. .brand-faisal { ... } */
  --accent: var(--orange);
  --accent-light: var(--orange-light);
  --accent-tint: var(--orange-tint);
  --accent-tint-strong: var(--orange-tint-strong);
  --accent-fg: var(--text-on-accent); /* readable text on solid accent */
}

/* Brand scope: apply to a root container to retheme to Faisal/violet.
   Aaron is the default :root theme. */
.brand-aaron {
  --accent: var(--orange);
  --accent-light: var(--orange-light);
  --accent-tint: var(--orange-tint);
  --accent-tint-strong: var(--orange-tint-strong);
  --accent-fg: var(--text-on-accent);
}
.brand-faisal {
  --accent: var(--violet);
  --accent-light: var(--violet-light);
  --accent-tint: var(--violet-tint);
  --accent-tint-strong: var(--violet-tint-strong);
  --accent-fg: #f0f0f0; /* violet is dark enough that light text reads better */
}