/* ported from atlas ink: paper #efe4c8/#f3ead3, ink #3a2a1a, red #8c281e, blue #1f4e79, serif italic */
[data-style="ink"] { --g-bg: #efe4c8; --g-panel: #f3ead3; --g-ink: #2b1d10; --g-ink-2: #6b5538; --g-accent: #8c281e; --g-accent-2: #1f4e79;
  --g-line: #3a2a1a; --g-line-w: 1.1; --g-grid: rgba(58,42,26,.28); --g-halo: #f3ead3; --g-radius: 4px;
  --g-shadow: 0 0 0 1px #3a2a1a, 0 0 0 4px #efe4c8, 0 0 0 5px rgba(58,42,26,.5);
  --g-texture: radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(120,80,30,.25) 100%), repeating-linear-gradient(0deg, rgba(120,90,40,.03) 0 2px, transparent 2px 4px);
  --g-font: 15.5px/1.5 "IBM Plex Serif", Georgia, serif; --g-font-display: italic 600 24px/1.15 "IBM Plex Serif", Georgia, serif;
  --serif: "IBM Plex Serif", Georgia, serif; }
[data-style="ink"] .gcard .thumb { background: #f3ead3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5'%3E%3Cline x1='0' y1='0' x2='0' y2='5' stroke='rgba(58,42,26,.18)' stroke-width='1' transform='rotate(38 2.5 2.5)'/%3E%3C/svg%3E"); }
[data-style="ink"] .btn { border: 1px solid #3a2a1a; background: #f3ead3; border-radius: 3px; }
[data-style="ink"] .btn.primary { background: #8c281e; color: #f3ead3; border-color: #8c281e; }
[data-style="ink"] .card .chip, [data-style="ink"] .gcard .played { letter-spacing: .06em; }
[data-style="ink"] h1, [data-style="ink"] h2, [data-style="ink"] h3 { letter-spacing: .01em; }