/* ══════════════════════════════════════════════════════════════
   app.css — Betty v2
   ══════════════════════════════════════════════════════════════ */

:root {
    --primary:  #007bff;
    --success:  #28a745;
    --warning:  #ffc107;
    --danger:   #dc3545;
    --info:     #17a2b8;
    --purple:   #5f27cd;
    --bg:       #f4f7f6;
    --border:   #e0e0e0;
    --muted:    #6c757d;
    --radius:   12px;
    --radius-sm: 8px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--bg);
    margin: 0;
    padding: 0;
    color: #333;
}