/* Lustra — platform identity tokens. Child of LumenSocial + Lucid; inherits both, adds Coral. */
:root{
  /* Lumen Red — the spark, CTAs */
  --lustra-red-light:#FFB8B9; --lustra-red:#FF4D4F; --lustra-crimson:#C90D17;
  /* Lucid Rose — eyebrows and rules on paper */
  --lustra-blush:#F0BDC1; --lustra-rose:#B85C64; --lustra-rose-deep:#7A3A40;
  /* Lucid Mint — success, live, stripes */
  --lustra-mint-light:#E6F2ED; --lustra-mint:#C9E4DB; --lustra-teal:#4E8C7C;
  /* Lustra Coral — the child's own: labels, states, the bridge */
  --lustra-coral-light:#FCC9CB; --lustra-coral:#F88588; --lustra-coral-deep:#B9484F;
  /* Ink */
  --lustra-muted:#8E8A8A; --lustra-ink:#211F1F; --lustra-black:#1B1B1B;
  /* Surfaces */
  --lustra-paper:#FFFFFF; --lustra-paper-2:#F4F3F3; --lustra-ops-canvas:#2A2828; --lustra-ops-panel:#333030;
  /* Semantic — paper text uses rose-deep / crimson so 12px copy clears WCAG AA.
     Swatches above stay the house palette; these aliases pick the readable shade. */
  --lustra-cta:var(--lustra-crimson); --lustra-cta-hover:var(--lustra-rose-deep);
  --lustra-live:var(--lustra-teal); --lustra-warn:var(--lustra-coral-deep); --lustra-fail:var(--lustra-crimson);
  --lustra-eyebrow-paper:var(--lustra-rose-deep); --lustra-eyebrow-dark:var(--lustra-blush);
  --lustra-radius-control:8px; --lustra-radius-card:16px; --lustra-space:8px;
  --lustra-ease:cubic-bezier(.22,1,.36,1); --lustra-t:160ms;
}