:root {
  --paper: #f2e8d8;
  --paper-card: #f8f1e5;
  --paper-deep: #e6d3ba;
  --sepia: #3f3128;
  --sepia-soft: #6a5545;
  --gold: #a8854c;
  --gold-ink: #7b5c2c;
  --gold-pale: #e3cf9f;
  --indigo: #34406e;
  --indigo-2: #4d5b8f;
  --wisteria: #9d93c4;
  --wisteria-pale: #dcd3ea;
  --peach: #ecc0aa;
  --moonlight: #f6eedc;
  --stamp: #8b3a3a;
  --line: color-mix(in srgb, var(--gold) 70%, transparent);
  --line-soft: color-mix(in srgb, var(--gold) 40%, transparent);
  --shade: color-mix(in srgb, var(--sepia) 16%, transparent);

  --star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C12.6 7.6 16.4 11.4 24 12 16.4 12.6 12.6 16.4 12 24 11.4 16.4 7.6 12.6 0 12 7.6 11.4 11.4 7.6 12 0Z'/%3E%3C/svg%3E");
  --rule: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 20'%3E%3Cpath d='M8 10H100M140 10H232' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M100 10c6-6 12-6 14-2M140 10c-6 6-12 6-14 2' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M120 1C120.4 6.6 123.4 9.6 129 10 123.4 10.4 120.4 13.4 120 19 119.6 13.4 116.6 10.4 111 10 116.6 9.6 119.6 6.6 120 1Z'/%3E%3Ccircle cx='4' cy='10' r='1.6'/%3E%3Ccircle cx='236' cy='10' r='1.6'/%3E%3C/svg%3E");
  --vine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M4 116C4 60 30 22 92 6'/%3E%3Cpath d='M20 70c-14-4-18-16-10-24 6 10 12 14 10 24zM38 40c-2-14 8-22 18-20-4 10-8 16-18 20zM62 20c8-10 20-10 26-2-10 2-16 4-26 2z'/%3E%3Cpath d='M12 92c10 2 16-4 14-12M50 30c10 6 18 2 20-8'/%3E%3C/svg%3E");
  --dater: #5d3c82;

  --au-0: #3a2a12; --au-1: #5f4520; --au-2: #85653a; --au-3: #a8854c; --au-4: #c9ab72; --au-5: #e6d3a2; --au-6: #f8eccb;

  --jimon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cpath d='M0,7C8,1 16,1 24,7S40,13 48,7' fill='none' stroke='%239d93c4' stroke-opacity='.26' stroke-width='.7'/%3E%3Cpath d='M0,3C8,9 16,9 24,3S40,-3 48,3' fill='none' stroke='%239d93c4' stroke-opacity='.15' stroke-width='.6'/%3E%3C/svg%3E");
  --jimon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cpath d='M0,7C8,1 16,1 24,7S40,13 48,7' fill='none' stroke='%23dcd3ea' stroke-opacity='.18' stroke-width='.7'/%3E%3C/svg%3E");
  --ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.4 2.1'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23k)'/%3E%3C/svg%3E");
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .25 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
  --wash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='4' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .22 -.04'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23w)'/%3E%3C/svg%3E");
}
body { background: var(--grain), var(--paper); color: var(--sepia); }
:focus-visible { outline-color: var(--indigo); }

.star { display: inline-block; width: 1em; height: 1em; background: var(--gold); -webkit-mask: var(--star) center / contain no-repeat; mask: var(--star) center / contain no-repeat; vertical-align: middle; }

.orn-rule { display: block; width: min(240px, 70%); height: 20px; margin: 10px auto 0; background: var(--gold); -webkit-mask: var(--rule) center / contain no-repeat; mask: var(--rule) center / contain no-repeat; }