/* ============================================================
 * Antiwhelm — shared design tokens
 * Calm base (Atla DNA) + opt-in energy (Streamo DNA).
 * One accent per brand: set data-brand on a card/section and
 * every var(--accent) inside it re-themes automatically.
 * ============================================================ */

:root {
  /* Canvas — Andrea's real palette from andreainpublic (warm, near-black) */
  --bg:            #0a0a0a;
  --bg-elevated:   #0f0f0e;
  --bg-card:       #131313;
  --bg-card-hover: #1b1b19;

  /* Hairline borders — warm, low-opacity (andreainpublic style) */
  --border:        rgba(245, 241, 232, 0.08);
  --border-strong: rgba(245, 241, 232, 0.14);

  /* Text — warm ink, not cool gray */
  --text:          #f5f1e8;
  --text-soft:     #c8c0b4;
  --text-muted:    #8f877a;

  /* Default antiwhelm accent — Andrea's red (the signature) */
  --accent:        #ff2a2a;
  --accent-soft:   rgba(255, 42, 42, 0.14);
  --glow:          0 0 0 rgba(0,0,0,0);   /* off by default (calm) */
  /* The brand-mark dot is ALWAYS red, regardless of which world themes the page */
  --mark-dot:      #ff2a2a;

  /* Type scale (Streamo) */
  --text-hero: clamp(40px, 6vw, 72px);
  --text-xl:   28px;
  --text-lg:   20px;
  --text-md:   16px;
  --text-sm:   14px;
  --text-xs:   12px;

  /* Shape & motion */
  --radius:    18px;
  --radius-sm: 12px;
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);

  --font: ui-sans-serif, system-ui, -apple-system, "SF Pro Text",
          "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;
}

/* ---- Per-brand accents (Andrea's real colors from andreainpublic) ---- */
/* Business / Work — Atla sky */
[data-brand="work"]     { --accent:#38BDF8; --accent-soft:rgba(56,189,248,0.16); }
/* Life — Habits That Matter (sage #A8C4A2) */
[data-brand="life"]     { --accent:#A8C4A2; --accent-soft:rgba(168,196,162,0.14); }
/* Play / Fun — Streamo (pink #EC4899, energy ON) */
[data-brand="play"]     { --accent:#EC4899; --accent-soft:rgba(236,72,153,0.18);
                          --glow: 0 0 60px rgba(236,72,153,0.20); }
/* Products — Pixel Press books/goods (gold #ffae00) */
[data-brand="products"] { --accent:#ffae00; --accent-soft:rgba(255,174,0,0.16); }

/* ---- Light theme (toggled via the settings dropdown) -------- */
[data-theme="light"] {
  --bg:            #f6f4ef;
  --bg-elevated:   #ffffff;
  --bg-card:       #ffffff;
  --bg-card-hover: #f1ede5;
  --border:        rgba(20, 18, 14, 0.10);
  --border-strong: rgba(20, 18, 14, 0.16);
  --text:          #1b1a17;
  --text-soft:     #4c473f;
  --text-muted:    #8a857a;
}