/* app/styles/tokens.css — Kanjo Crew design tokens. * * Brand direction: "Warm Kitchen" (earthy terracotta & cream). Lifted from the * design prototype (design/Kanjo Crew App.dc.html). All screens read these vars; * never hardcode colors in components. Swapping the brand = editing this block. */ :root { /* Surfaces */ --bg: #FBF5EC; --surface: #FFFFFF; --surface-2: #FBF3E8; /* Text */ --ink: #2C2018; --sub: #8C7B6B; --line: #E8DFD2; /* Brand */ --primary: #C0512E; --primary-ink: #FFF6EF; --primary-soft: #F7E6DC; --accent: #E0962F; --accent-soft: #FBEEDA; --ok: #6E8C53; --ok-soft: #E9F0DE; /* Shape */ --radius: 18px; --radius-sm: 12px; --shadow: 0 6px 20px rgba(60, 40, 20, .08); /* Type */ --font-head: 'Bricolage Grotesque', system-ui, sans-serif; --font-body: 'DM Sans', system-ui, -apple-system, sans-serif; } * { box-sizing: border-box; } body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-body); -webkit-font-smoothing: antialiased; } /* RTL support (Arabic) flips via set by I18n. */ [dir="rtl"] { direction: rtl; }