/* ═══════════════════════════════════════════════════════════════════
 * Moschicel Design System — Tokens
 * Paleta partilhada com MoschicelApp (React Native)
 * Referência: MoschicelApp/src/constants/config.ts
 * Figma: https://www.figma.com/design/etjYQevICdpMVtfJGxVukI
 * ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Background ── */
  --bg:           #0f172a;           /* slate-900 */
  --bg-card:      #1e293b;           /* slate-800 */
  --bg-input:     #0f172a;
  --bg-elevated:  #29354a;

  /* ── Borders ── */
  --border:       rgba(255,255,255,0.08);
  --border-strong:rgba(255,255,255,0.16);

  /* ── Brand (Indigo) ── */
  --primary:      #6366f1;           /* indigo-500 */
  --primary-light:#818cf8;           /* indigo-400 */
  --primary-dim:  rgba(99,102,241,0.16);

  /* ── Semantic ── */
  --success:      #22c55e;           /* green-500 */
  --warning:      #f59e0b;           /* amber-500 */
  --danger:       #ef4444;           /* red-500 */

  /* ── Text ── */
  --text:         #f1f5f9;           /* slate-100 */
  --text-muted:   rgba(255,255,255,0.45);
  --text-dim:     rgba(255,255,255,0.30);

  /* ── Radius scale ── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
}