/* public/css/main.css — Cobalt Tabby Mobile Detailing */
/* PHASE 6: Full aquatic visual design built here.     */
/* PHASE 2: Minimal reset + token stubs only.          */

/* ── Design Tokens (Phase 6 will populate these) ─── */
:root {
  --color-primary:    #0077b6;   /* placeholder — aquatic blue */
  --color-accent:     #00b4d8;   /* placeholder — bright cyan  */
  --color-surface:    #ffffff;
  --color-text:       #1a1a2e;
  --color-muted:      #6b7280;
  --font-display:     /* TBD Phase 6 */ sans-serif;
  --font-body:        /* TBD Phase 6 */ sans-serif;
  --radius:           0.5rem;
  --max-width:        1200px;
}

/* ── Minimal Reset ──────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-body); color: var(--color-text); background: var(--color-surface); }
img { max-width: 100%; display: block; }
a { color: var(--color-primary); }