/* ============================================================
   Nativ — Syntax-highlighting palette
   Used for .nativ source, generated Swift, and Kotlin.
   Token classes mirror the live site / playground highlighter.
   ============================================================ */

:root {
  --sx-k: #ff8e61;  /* keywords        — app, screen, state, if, each, in */
  --sx-f: #7cd5f1;  /* elements / attrs— text, button, column, bind, color */
  --sx-s: #a8d191;  /* strings         — "Hello, Nativ" */
  --sx-t: #ffd073;  /* types           — Home, Todo, SwiftUI, Column */
  --sx-m: #cfa9e8;  /* modifiers       — big, bold, gray, green (italic) */
  --sx-n: #e5b567;  /* numbers         — 0, 12 */
  --sx-c: #565b68;  /* comments        — // ... (italic) */
}

/* Token classes — apply inside <pre><code> blocks */
code .k, pre .k { color: var(--sx-k); }
code .f, pre .f { color: var(--sx-f); }
code .s, pre .s { color: var(--sx-s); }
code .t, pre .t { color: var(--sx-t); }
code .m, pre .m { color: var(--sx-m); font-style: italic; }
code .n, pre .n { color: var(--sx-n); }
code .c, pre .c { color: var(--sx-c); font-style: italic; }