/* SoftStack — Color tokens. Pink monochromatic with per-app accents. */
:root{
  /* ── Core brand palette (from brand sheet) ── */
  --cloud-pink:#F7DCE8;   /* soft background pink */
  --bubble-jelly:#F7A8CC; /* mid jelly pink */
  --pop-jelly:#FF6FB5;    /* vivid action pink */
  --soft-white:#FFFFFF;

  /* ── Extended pink ramp ── */
  --pink-50:#FFF3F9;
  --pink-100:#FDE4F0;
  --pink-200:#F7DCE8;   /* = cloud pink */
  --pink-300:#F9C4DE;
  --pink-400:#F7A8CC;   /* = bubble jelly */
  --pink-500:#FF8FC4;
  --pink-600:#FF6FB5;   /* = pop jelly */
  --pink-700:#EC4899;
  --pink-800:#D42E80;
  --pink-900:#9E1E5C;

  /* ── Neutrals (warm, pink-tinted) ── */
  --ink-900:#3A1E2C;    /* deepest text (plum-ink) */
  --ink-700:#6B3B52;    /* body on light */
  --ink-500:#9B6B82;    /* muted / captions */
  --ink-300:#C9A3B6;    /* disabled text */
  --line:#F3C9DE;       /* hairline borders */

  /* ── App accent colors (SoftStack ecosystem) ── */
  --girlmath:#8BD48B;   /* Girl Math — mint green */
  --softsheets:#C9A3F5; /* Soft Sheets — lilac */
  --softprops:#FBA463;  /* Soft Props — peach/orange */
  --rapapp:#B18BEC;     /* Rap App — purple */
  --auntie:#FF5E86;     /* Auntie Perrie — warm rose */

  /* ── Semantic status ── */
  --success:#8BD48B;
  --warning:#FBA463;
  --danger:#FF5E7A;
  --info:#B18BEC;

  /* ── Semantic aliases ── */
  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-on-pink:var(--soft-white);
  --text-accent:var(--pink-700);

  --surface-page:var(--pink-100);
  --surface-card:var(--soft-white);
  --surface-sunken:var(--pink-50);
  --surface-tint:var(--pink-200);
  --surface-glass:rgba(255,255,255,.55);

  --action:var(--pop-jelly);
  --action-hover:#FF5AAA;
  --action-press:#F04B9C;

  --border-soft:var(--line);
}