/**
 * Bariboost Tracker — Front-end styles
 *
 * Mobile-first base styles. Full design system added in Milestone 4.
 *
 * @package Bariboost_Tracker
 * @since   0.1.0
 */

/* ── Reset / Base ─────────────────────────────────────────────────────────── */
#bariboost-tracker-app *,
#bariboost-tracker-app *::before,
#bariboost-tracker-app *::after {
    box-sizing: border-box;
}

#bariboost-tracker-app {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #1a1a1a;
    max-width: 480px; /* mobile-first max width */
    margin: 0 auto;
    padding: 1rem;
}

/* ── Notices ──────────────────────────────────────────────────────────────── */
.bb-notice {
    padding: 0.75rem 1rem;
    border-left: 4px solid #2563eb;
    background: #eff6ff;
    border-radius: 0 4px 4px 0;
    margin-bottom: 1rem;
}

/* TODO (Milestone 4): add full component styles */