/* ThotGoss — Soft Spill v2 (logo-matched)
   Portrait logo drives accents: neon ember hair, pink @ThotGoss glow, alien lime stamps.
   Structure stays Soft Spill: quiet cards, intimate spacing, slow ease — not Scandal Sheet shout. */

:root {
  /* Color — grounds */
  --tg-charcoal: #121214;
  --tg-ink: #1a1a1e;
  --tg-smoke: #2a2a30;

  /* Color — logo accents */
  --tg-ember: #ff3b1f;       /* hair neon red-orange */
  --tg-ember-deep: #c41e12;  /* pressed / deep hair */
  --tg-glow-pink: #ff4ec8;   /* @ThotGoss handle glow */
  --tg-glow-pink-soft: #ff8adf;
  --tg-alien-lime: #b6ff4a;  /* alien-heart stamps */
  --tg-alien-lime-mute: #7ecf5a;

  /* Type */
  --tg-cream: #f4eeea;
  --tg-cream-mute: #c8beb8;
  --tg-dust: #6b5e62;

  /* Semantic */
  --tg-bg: var(--tg-charcoal);
  --tg-surface: var(--tg-ink);
  --tg-border: var(--tg-smoke);
  --tg-text: var(--tg-cream);
  --tg-text-muted: var(--tg-cream-mute);
  --tg-text-faint: var(--tg-dust);
  --tg-accent: var(--tg-ember);
  --tg-accent-soft: var(--tg-glow-pink);
  --tg-accent-alt: var(--tg-alien-lime);
  --tg-accent-pressed: var(--tg-ember-deep);

  /* Type stack — bold handle energy for wordmark, soft for body */
  --tg-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tg-font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tg-tracking-display: 0.04em;
  --tg-tracking-body: 0.01em;

  /* Radii */
  --tg-radius-card: 18px;
  --tg-radius-btn: 999px;
  --tg-radius-soft: 12px;

  /* Motion cues (Soft Spill — slow) */
  --tg-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --tg-dur-slow: 480ms;
  --tg-dur-med: 320ms;
}