/*
 * Parchment: a sheet of real skin, mottled and uneven in tone, lighter
 * where it is thin and darker towards its aged edges; the title in
 * spaced sepia capitals over a hand-drawn double rule, the labels
 * rubricated in red ochre.
 */

[data-card-style="parchment"] {
    --card-surface: #efe0bf;
    --card-surface-image:
        radial-gradient(ellipse at 50% 42%, rgba(255, 248, 226, 0.55), transparent 62%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cfilter id='m' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011' numOctaves='3' seed='11' stitchTiles='stitch' result='noise'/%3E%3CfeComponentTransfer in='noise' result='mottle'%3E%3CfeFuncA type='table' tableValues='-0.45 0.62'/%3E%3C/feComponentTransfer%3E%3CfeFlood flood-color='%237a5a2e'/%3E%3CfeComposite operator='in' in2='mottle'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23m)'/%3E%3C/svg%3E"),
        radial-gradient(ellipse at 50% 50%, transparent 60%, rgba(120, 80, 30, 0.22) 100%),
        var(--grain);
    --card-surface-blend: screen, multiply, multiply, multiply;
    --card-ink: #2c1a0b;
    --card-ink-soft: #55391c;
    --card-ink-faint: #7f5f38;
    --card-accent: #5d3410;
    --card-accent-second: #8a2a22;
    --card-accent-soft: rgba(93, 52, 16, 0.12);
    --card-rule: rgba(60, 36, 12, 0.55);
    --card-edge-width: 0.45mm;
    --card-edge-colour: #6b4a24;
    --card-inner-shadow: inset 0 0 10mm rgba(110, 72, 28, 0.3);
    --card-frame-inset: 2.6mm;
    --card-frame-width: 0.3mm;
    --card-frame-colour: rgba(80, 50, 20, 0.55);
    --card-title-font: "IM Fell English", Georgia, serif;
    --card-title-weight: 400;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.1em;
    --card-title-shadow: 0 0 0.25mm rgba(44, 26, 11, 0.3);
    --card-label-spacing: 0.1em;
    --card-decoration:
        radial-gradient(ellipse 14mm 9mm at 100% 0%, rgba(95, 60, 25, 0.2), transparent 70%),
        radial-gradient(ellipse 10mm 14mm at 0% 100%, rgba(95, 60, 25, 0.18), transparent 70%),
        radial-gradient(ellipse 9mm 6mm at 0% 0%, rgba(95, 60, 25, 0.14), transparent 70%),
        radial-gradient(ellipse 8mm 10mm at 100% 100%, rgba(95, 60, 25, 0.16), transparent 70%);
    --card-decoration-position: 0 0, 0 0, 0 0, 0 0;
    --card-decoration-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
}

[data-card-style="parchment"] .print-card,
.codex-sheet[data-card-style="parchment"],
[data-card-style="parchment"] .character-sheet {
    background-size: auto, 110mm 110mm, auto, auto;
}

[data-card-style="parchment"] .print-card-header,
[data-card-style="parchment"] .sheet-title-block {
    padding-bottom: 1mm;
    border-bottom: 0.45mm double var(--card-accent);
}