/* Design tokens and theme variables */
:root {
    --bg: #f8fafc; /* slate-50 */
    --card: #ffffff;
    --text: #0f172a; /* slate-900 */
    --muted: #475569; /* slate-600 */
    --border: #e2e8f0; /* slate-200 */
    --brand: #2563eb; /* blue-600 */
    --brand-2: #0891b2; /* cyan-600 */
    --ring: rgba(37,99,235,.15);
    --radius: 18px;
    --shadow: 0 10px 25px rgba(15,23,42,.06);
}