:root{
/* base palette */
--coffee-primary:#a43700;
--coffee-accent:#C48B56;
--coffee-bg:#F5F0E6;
--coffee-light:#FAF7F4;
--coffee-dark:#28201B;
--coffee-muted:#877367;
--coffee-border:rgba(135,115,103,0.2);
--surface-white:#FFFFFF;
--surface-warm-gray:#e8e3d8;
--surface-translucent-dark:rgba(51,45,39,0.08);
--card-border-subtle:rgba(140,113,104,0.08);
--placeholder-text:rgba(40,32,27,0.35);
/* status (COLORS.status — banners, generic status) */
--status-success:#4CAF50;
--status-warning:#FF9800;
--status-error:#F44336;
--status-info:#2196F3;
/* badge status (Badge component / open-closed pills — distinct hex set per style guide) */
--badge-success:#22c55e;
--badge-warning:#f59e0b;
--badge-error:#ef4444;
/* rating stars */
--rating-star-fill:#C48B56;
--rating-star-empty:#D1D5DB;
--review-star-fill:#a43700;
--review-star-empty:rgba(40,32,27,0.2);
/* semantic aliases */
--text-primary:var(--coffee-dark);
--text-secondary:var(--coffee-muted);
--text-on-primary:#FFFFFF;
--link-color:var(--coffee-primary);
--link-hover:#c0430a;
--bg-app:var(--coffee-bg);
--bg-surface:var(--surface-white);
--bg-surface-alt:var(--coffee-light);
--border-default:var(--coffee-border);
}