/* Shared design tokens for every Cerquito app + the marketing site. 
   Light only for v1 apps (print shops use phones in bright workshops); dark handled per page if needed. */
:root {
  --ink: #14161a;          /* text */
  --ink-2: #4a505a;        /* secondary text */
  --line: #e3e5e8;         /* borders */
  --paper: #ffffff;        /* cards */
  --bg: #f6f7f8;           /* page */
  --brand: #1f6f5c;        /* deep green: "made locally" */
  --brand-ink: #ffffff;
  --accent: #f2b23a;       /* marigold: CTA highlight, Mexico warmth */
  --ok: #1a7f37;
  --warn: #b26b00;
  --bad: #b42318;
  --radius: 12px;
  --shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.05);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --tap: 48px;             /* minimum touch target */
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.5 var(--font); }
button { font: inherit; min-height: var(--tap); border-radius: var(--radius); border: 0; cursor: pointer; }