/* DOOR — Colour tokens
   Values transcribed verbatim from the DOOR Brand Guidelines Figma file.
   The system lives on black: near everything sits on a pure-black canvas,
   with electric blues, purples and pinks as the signal colours. */
:root {
  /* ---- Core neutrals ---- */
  --door-black: #000000;        /* primary canvas — the void behind the doorway */
  --door-white: #FFFFFF;

  /* ---- Primary palette ---- */
  --door-blue: #0191FF;         /* DOOR Blue — the doorway, primary accent */
  --door-purple: #AB62FF;       /* DOOR Purple */

  /* ---- Secondary palette (electric) ---- */
  --door-indigo: #4738FA;       /* DOOR Indigo — link/UI ink */
  --door-electric-purple: #8901FF;
  --door-logo-blue: #10C2FF;    /* DOOR Logo Blue */
  --door-electric-pink: #FF1E8F;

  /* ---- Tertiary palette (tints / deeps) ---- */
  --door-baby-blue: #95E6FF;
  --door-baby-purple: #9F7FFF;
  --door-dark-purple: #5602FF;
  --door-deep-blue: #1F3C7F;

  /* ---- Support ---- */
  --door-border: #6A70DD;       /* hairline frame ink */
  --door-soft-blue: #A9D8FF;    /* muted value / secondary label */
  --door-cyan: #00C3FF;         /* stroke accent */
  --door-grey: #B1B1B1;         /* muted meta text */

  /* ---- Semantic aliases ---- */
  --surface-page: var(--door-black);
  --surface-card: var(--door-black);
  --surface-invert: var(--door-white);

  --text-primary: var(--door-white);
  --text-muted: var(--door-grey);
  --text-brand: var(--door-blue);
  --text-on-invert: var(--door-black);

  --link: var(--door-indigo);
  --link-hover: var(--door-blue);

  --border-default: var(--door-border);
  --border-strong: var(--door-blue);

  --accent: var(--door-blue);
  --accent-secondary: var(--door-purple);
  --accent-pop: var(--door-electric-pink);

  /* Signature doorway glow */
  --glow-blue: 0 0 40px rgba(1,145,255,0.55), 0 0 120px rgba(16,194,255,0.35);
}