/* Theme: Javanese modern. Sogan brown, indigo and old gold, with a kawung batik motif. Only tokens live here. */
:root {
  --page: #f7f1e5; --surface: #efe5d2; --card: #fffaf0; --ink: #33261c; --muted: #7a6654;
  --accent: #b5853a; --on-accent: #1f1710; --arabic-ink: #5b3a1f;
  --line: #e2d3b8; --line-strong: #b9a27d; --dock: rgba(255, 250, 240, .94);
  --cover-bg: #1d2238; --cover-ink: #f3e9d6; --cover-line: rgba(201, 161, 90, .45);
  --shadow: rgba(51, 38, 28, .22); --shadow-soft: rgba(51, 38, 28, .07);
  --radius: 14px; --frame-radius: 6px;
  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-arabic: "Amiri", "Scheherazade New", "Traditional Arabic", serif;
  --pattern-size: 44px 44px; --pattern-cover-opacity: .16; --pattern-page-opacity: .5;
  --pattern-cover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23c9a15a' stroke-width='1'%3E%3Cellipse cx='11' cy='11' rx='11' ry='5.5' transform='rotate(45 11 11)'/%3E%3Cellipse cx='33' cy='11' rx='11' ry='5.5' transform='rotate(-45 33 11)'/%3E%3Cellipse cx='11' cy='33' rx='11' ry='5.5' transform='rotate(-45 11 33)'/%3E%3Cellipse cx='33' cy='33' rx='11' ry='5.5' transform='rotate(45 33 33)'/%3E%3C/g%3E%3Ccircle cx='22' cy='22' r='1.6' fill='%23c9a15a'/%3E%3C/svg%3E");
  --pattern-page: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23dcc9a6' stroke-width='1'%3E%3Cellipse cx='11' cy='11' rx='11' ry='5.5' transform='rotate(45 11 11)'/%3E%3Cellipse cx='33' cy='11' rx='11' ry='5.5' transform='rotate(-45 33 11)'/%3E%3Cellipse cx='11' cy='33' rx='11' ry='5.5' transform='rotate(-45 11 33)'/%3E%3Cellipse cx='33' cy='33' rx='11' ry='5.5' transform='rotate(45 33 33)'/%3E%3C/g%3E%3C/svg%3E");
}
