/* The second ten themes. Same token contract, same safe margins. */

/* ---------- Carved Runestone ---------- */

[data-card-style="runestone"] {
    --card-surface: #6d6b64;
    --card-surface-image:
        radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.16), transparent 40%),
        radial-gradient(circle at 82% 74%, rgba(20, 20, 18, 0.3), transparent 44%),
        var(--grain);
    --card-surface-blend: screen, multiply, overlay;
    --card-ink: #f0ede4;
    --card-ink-soft: #cbc7bb;
    --card-ink-faint: #a5a196;
    --card-accent: #e8e2d2;
    --card-accent-soft: rgba(232, 226, 210, 0.12);
    --card-rule: rgba(24, 24, 22, 0.5);
    --card-edge-width: 1.1mm;
    --card-edge-colour: #4b4a45;
    --card-frame-inset: 3mm;
    --card-frame-width: 0.4mm;
    --card-frame-colour: rgba(22, 22, 20, 0.55);
    --card-title-font: "Cinzel", Georgia, serif;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.16em;
    --card-label-spacing: 0.2em;
    --card-inner-shadow: inset 0 0 7mm rgba(20, 20, 18, 0.5);
    --card-decoration:
        linear-gradient(135deg, rgba(20, 20, 18, 0.55) 0 3mm, transparent 3mm),
        linear-gradient(225deg, rgba(20, 20, 18, 0.55) 0 3mm, transparent 3mm),
        linear-gradient(45deg, rgba(20, 20, 18, 0.55) 0 3mm, transparent 3mm),
        linear-gradient(315deg, rgba(20, 20, 18, 0.55) 0 3mm, transparent 3mm);
    --card-decoration-position: top left, top right, bottom left, bottom right;
    --card-decoration-size: 7mm 7mm, 7mm 7mm, 7mm 7mm, 7mm 7mm;
}

[data-card-style="runestone"] .print-card-title,
[data-card-style="runestone"] .sheet-title {
    text-shadow: 0 0.25mm 0 rgba(20, 20, 18, 0.85);
}

[data-card-style="runestone"] .print-card-header,
[data-card-style="runestone"] .sheet-title-block {
    border-bottom-width: 0.5mm;
}

/* ---------- Tavern Board ---------- */

[data-card-style="tavern"] {
    --card-surface: #cbaa7c;
    --card-surface-image:
        radial-gradient(ellipse at 20% 10%, rgba(255, 240, 210, 0.5), transparent 46%),
        radial-gradient(ellipse at 86% 90%, rgba(96, 62, 26, 0.34), transparent 44%),
        var(--fibres);
    --card-surface-blend: screen, multiply, multiply;
    --card-ink: #35240f;
    --card-ink-soft: #5c4321;
    --card-ink-faint: #8a6a3d;
    --card-accent: #6b3f16;
    --card-accent-soft: rgba(107, 63, 22, 0.14);
    --card-rule: rgba(53, 36, 15, 0.55);
    --card-edge-width: 0.7mm;
    --card-edge-colour: #6b3f16;
    --card-frame-inset: 2.6mm;
    --card-frame-width: 0.3mm;
    --card-frame-colour: rgba(53, 36, 15, 0.4);
    --card-title-font: "IM Fell English", Georgia, serif;
    --card-title-weight: 400;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.08em;
    --card-inner-shadow: inset 0 0 7mm rgba(96, 62, 26, 0.4);
    --card-decoration:
        radial-gradient(circle 1.2mm at 50% 50%, #4a3016 0 0.9mm, rgba(255, 240, 210, 0.5) 1mm, transparent 1.2mm),
        radial-gradient(circle 1.2mm at 50% 50%, #4a3016 0 0.9mm, rgba(255, 240, 210, 0.5) 1mm, transparent 1.2mm),
        radial-gradient(circle 1.2mm at 50% 50%, #4a3016 0 0.9mm, rgba(255, 240, 210, 0.5) 1mm, transparent 1.2mm),
        radial-gradient(circle 1.2mm at 50% 50%, #4a3016 0 0.9mm, rgba(255, 240, 210, 0.5) 1mm, transparent 1.2mm);
    --card-decoration-position: 3mm 3mm, calc(100% - 3mm) 3mm, 3mm calc(100% - 3mm), calc(100% - 3mm) calc(100% - 3mm);
    --card-decoration-size: 2.6mm 2.6mm, 2.6mm 2.6mm, 2.6mm 2.6mm, 2.6mm 2.6mm;
}

[data-card-style="tavern"] .print-card-header,
[data-card-style="tavern"] .sheet-title-block {
    border-bottom: 0.9mm solid var(--card-accent);
}

/* ---------- Astral Chart ---------- */

[data-card-style="starchart"] {
    --card-surface: #0a1224;
    --card-surface-image:
        repeating-linear-gradient(0deg, rgba(150, 190, 240, 0.1) 0 0.15mm, transparent 0.15mm 6mm),
        repeating-linear-gradient(90deg, rgba(150, 190, 240, 0.1) 0 0.15mm, transparent 0.15mm 6mm),
        radial-gradient(circle at 24% 30%, rgba(255, 246, 214, 0.9) 0.45px, transparent 0.9px),
        radial-gradient(circle at 68% 18%, rgba(255, 246, 214, 0.8) 0.4px, transparent 0.9px),
        radial-gradient(circle at 82% 62%, rgba(255, 246, 214, 0.75) 0.4px, transparent 0.9px),
        radial-gradient(circle at 40% 78%, rgba(255, 246, 214, 0.7) 0.4px, transparent 0.9px);
    --card-surface-blend: normal, normal, normal, normal, normal, normal;
    --card-ink: #dce8fb;
    --card-ink-soft: #a8bcda;
    --card-ink-faint: #7d90ad;
    --card-accent: #ffe08a;
    --card-accent-soft: rgba(255, 224, 138, 0.12);
    --card-rule: rgba(150, 190, 240, 0.42);
    --card-edge-width: 0.3mm;
    --card-edge-colour: #6d86ad;
    --card-frame-inset: 2.6mm;
    --card-frame-width: 0.18mm;
    --card-frame-colour: rgba(150, 190, 240, 0.5);
    --card-title-font: "Cinzel", Georgia, serif;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.14em;
    --card-label-font: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
    --card-label-spacing: 0.12em;
    --card-inner-shadow: inset 0 0 8mm rgba(4, 8, 18, 0.7);
    --card-decoration:
        linear-gradient(76deg, transparent calc(50% - 0.08mm), rgba(255, 224, 138, 0.4) 50%, transparent calc(50% + 0.08mm)),
        linear-gradient(-38deg, transparent calc(50% - 0.08mm), rgba(255, 224, 138, 0.28) 50%, transparent calc(50% + 0.08mm));
    --card-decoration-position: 0 0, 0 0;
    --card-decoration-size: 100% 100%, 100% 100%;
}

/* ---------- Shadowfell Gloom ---------- */

[data-card-style="shadowfell"] {
    --card-surface: #262630;
    --card-surface-image:
        radial-gradient(ellipse at 50% 42%, rgba(126, 118, 150, 0.34), transparent 58%),
        var(--grain);
    --card-surface-blend: screen, overlay;
    --card-ink: #d7d4de;
    --card-ink-soft: #a09cae;
    --card-ink-faint: #7a768a;
    --card-accent: #a08ec4;
    --card-accent-soft: rgba(160, 142, 196, 0.12);
    --card-rule: rgba(160, 142, 196, 0.34);
    --card-edge-width: 0.35mm;
    --card-edge-colour: #4a4657;
    --card-frame-inset: 2.4mm;
    --card-frame-width: 0.18mm;
    --card-frame-colour: rgba(160, 142, 196, 0.28);
    --card-title-font: "Pirata One", "IM Fell English", Georgia, serif;
    --card-title-weight: 400;
    --card-title-spacing: 0.05em;
    --card-inner-shadow: inset 0 0 12mm rgba(8, 8, 12, 0.85);
    --card-decoration:
        radial-gradient(ellipse 120% 60% at 50% 50%, transparent 40%, rgba(10, 10, 14, 0.7) 100%);
}

[data-card-style="shadowfell"] .print-card-header,
[data-card-style="shadowfell"] .sheet-title-block {
    border-bottom-style: dashed;
}

/* ---------- Glacial Rime ---------- */

[data-card-style="glacial"] {
    --card-surface: #eef6fb;
    --card-surface-image:
        linear-gradient(148deg, rgba(150, 196, 226, 0.26) 0 16%, transparent 16% 40%, rgba(150, 196, 226, 0.16) 40% 52%, transparent 52%),
        linear-gradient(-34deg, rgba(176, 212, 234, 0.2) 0 12%, transparent 12% 46%, rgba(176, 212, 234, 0.12) 46% 58%, transparent 58%);
    --card-surface-blend: multiply, multiply;
    --card-ink: #17313f;
    --card-ink-soft: #3d6076;
    --card-ink-faint: #6f8ea3;
    --card-accent: #2f7ea6;
    --card-accent-soft: rgba(47, 126, 166, 0.12);
    --card-rule: rgba(47, 126, 166, 0.4);
    --card-edge-width: 0.3mm;
    --card-edge-colour: #7fb4d2;
    --card-frame-inset: 2.4mm;
    --card-frame-width: 0.18mm;
    --card-frame-colour: rgba(47, 126, 166, 0.42);
    --card-title-font: "Cinzel", Georgia, serif;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.18em;
    --card-label-spacing: 0.16em;
    --card-inner-shadow: inset 0 0 6mm rgba(120, 170, 200, 0.3);
    --card-decoration:
        linear-gradient(135deg, var(--card-accent) 0 0.3mm, transparent 0.3mm),
        linear-gradient(225deg, var(--card-accent) 0 0.3mm, transparent 0.3mm),
        linear-gradient(45deg, var(--card-accent) 0 0.3mm, transparent 0.3mm),
        linear-gradient(315deg, var(--card-accent) 0 0.3mm, transparent 0.3mm);
    --card-decoration-position: top left, top right, bottom left, bottom right;
    --card-decoration-size: 8mm 8mm, 8mm 8mm, 8mm 8mm, 8mm 8mm;
}

/* ---------- Dragon's Hoard ---------- */

[data-card-style="dragon"] {
    --card-surface: #40131a;
    --card-surface-image:
        radial-gradient(circle at 50% 118%, rgba(228, 172, 78, 0.3) 0 44%, transparent 46%),
        radial-gradient(circle at 50% 118%, rgba(228, 172, 78, 0.22) 0 44%, transparent 46%);
    --card-surface-blend: screen, screen;
    --card-ink: #f7e6cd;
    --card-ink-soft: #d9b895;
    --card-ink-faint: #b28f6d;
    --card-accent: #e0b356;
    --card-accent-soft: rgba(224, 179, 86, 0.14);
    --card-rule: rgba(224, 179, 86, 0.46);
    --card-edge-width: 1mm;
    --card-edge-colour: #a97c2c;
    --card-frame-inset: 3mm;
    --card-frame-width: 0.35mm;
    --card-frame-colour: rgba(224, 179, 86, 0.55);
    --card-title-font: "Cinzel", Georgia, serif;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.1em;
    --card-inner-shadow: inset 0 0 9mm rgba(20, 4, 8, 0.75);
}

[data-card-style="dragon"] .print-card,
.codex-sheet[data-card-style="dragon"],
[data-card-style="dragon"] .character-sheet {
    background-size: 7mm 4.6mm, 7mm 4.6mm;
    background-repeat: repeat;
    background-position: 0 0, 3.5mm 2.3mm;
}

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

/* ---------- Verdant Grove ---------- */

[data-card-style="verdant"] {
    --card-surface: #1f2e1f;
    --card-surface-image:
        radial-gradient(ellipse at 14% 8%, rgba(126, 176, 96, 0.34), transparent 48%),
        radial-gradient(ellipse at 88% 92%, rgba(70, 122, 64, 0.4), transparent 46%),
        var(--fibres);
    --card-surface-blend: screen, screen, overlay;
    --card-ink: #e9f2df;
    --card-ink-soft: #b7cfa8;
    --card-ink-faint: #8fab80;
    --card-accent: #a8d07a;
    --card-accent-soft: rgba(168, 208, 122, 0.14);
    --card-rule: rgba(168, 208, 122, 0.38);
    --card-edge-width: 0.5mm;
    --card-edge-colour: #4f7a45;
    --card-radius: 3mm;
    --card-frame-inset: 2.5mm;
    --card-frame-width: 0.2mm;
    --card-frame-colour: rgba(168, 208, 122, 0.34);
    --card-frame-radius: 2mm;
    --card-title-font: "Cormorant Unicase", Georgia, serif;
    --card-title-weight: 600;
    --card-title-spacing: 0.09em;
    --card-inner-shadow: inset 0 0 8mm rgba(10, 22, 10, 0.6);
    --card-decoration:
        linear-gradient(112deg, transparent calc(50% - 0.1mm), rgba(168, 208, 122, 0.26) 50%, transparent calc(50% + 0.1mm)),
        linear-gradient(68deg, transparent calc(50% - 0.1mm), rgba(168, 208, 122, 0.2) 50%, transparent calc(50% + 0.1mm)),
        linear-gradient(96deg, transparent calc(50% - 0.1mm), rgba(168, 208, 122, 0.16) 50%, transparent calc(50% + 0.1mm));
    --card-decoration-position: 0 0, 0 0, 0 0;
    --card-decoration-size: 100% 100%, 100% 100%, 100% 100%;
}

/* ---------- Abyssal Tide ---------- */

[data-card-style="abyssal"] {
    --card-surface: #0c2a33;
    --card-surface-image:
        radial-gradient(ellipse at 50% 104%, rgba(64, 214, 214, 0.34), transparent 56%),
        radial-gradient(ellipse at 16% 10%, rgba(30, 96, 128, 0.5), transparent 52%);
    --card-surface-blend: screen, screen;
    --card-ink: #dff4f4;
    --card-ink-soft: #a6cdd2;
    --card-ink-faint: #7ba5ac;
    --card-accent: #59d7cf;
    --card-accent-soft: rgba(89, 215, 207, 0.14);
    --card-rule: rgba(89, 215, 207, 0.38);
    --card-edge-width: 0.4mm;
    --card-edge-colour: #2b6f78;
    --card-radius: 2mm;
    --card-frame-inset: 2.5mm;
    --card-frame-width: 0.18mm;
    --card-frame-colour: rgba(89, 215, 207, 0.34);
    --card-title-font: "Cormorant Unicase", Georgia, serif;
    --card-title-weight: 600;
    --card-title-spacing: 0.1em;
    --card-inner-shadow: inset 0 0 9mm rgba(3, 18, 24, 0.7);
    --card-decoration:
        radial-gradient(ellipse 70% 3mm at 50% 100%, rgba(89, 215, 207, 0.4), transparent 70%),
        radial-gradient(ellipse 90% 3mm at 30% 100%, rgba(89, 215, 207, 0.26), transparent 70%),
        radial-gradient(ellipse 80% 3mm at 74% 100%, rgba(89, 215, 207, 0.22), transparent 70%);
    --card-decoration-position: 0 -1mm, 0 -3.4mm, 0 -5.8mm;
    --card-decoration-size: 100% 100%, 100% 100%, 100% 100%;
}

/* ---------- Clockwork Brass ---------- */

[data-card-style="clockwork"] {
    --card-surface: #ece1c8;
    --card-surface-image:
        radial-gradient(circle at 88% 12%, rgba(176, 138, 62, 0.34), transparent 34%),
        radial-gradient(circle at 10% 90%, rgba(176, 138, 62, 0.26), transparent 32%),
        var(--grain);
    --card-surface-blend: multiply, multiply, multiply;
    --card-ink: #33291a;
    --card-ink-soft: #6a573a;
    --card-ink-faint: #93815f;
    --card-accent: #9a6f22;
    --card-accent-soft: rgba(154, 111, 34, 0.14);
    --card-rule: rgba(154, 111, 34, 0.44);
    --card-edge-width: 0.7mm;
    --card-edge-colour: #b08a3e;
    --card-frame-inset: 2.6mm;
    --card-frame-width: 0.25mm;
    --card-frame-colour: rgba(154, 111, 34, 0.44);
    --card-title-font: "Cinzel", Georgia, serif;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.11em;
    --card-label-font: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
    --card-inner-shadow: inset 0 0 6mm rgba(120, 88, 30, 0.28);
    --card-decoration:
        radial-gradient(circle 5mm at 50% 50%, transparent 0 3.2mm, rgba(154, 111, 34, 0.42) 3.2mm 3.5mm, transparent 3.5mm 4.2mm, rgba(154, 111, 34, 0.3) 4.2mm 4.45mm, transparent 4.45mm),
        radial-gradient(circle 3.4mm at 50% 50%, transparent 0 2mm, rgba(154, 111, 34, 0.34) 2mm 2.25mm, transparent 2.25mm);
    --card-decoration-position: calc(100% - 1mm) 1mm, 1mm calc(100% - 1mm);
    --card-decoration-size: 11mm 11mm, 8mm 8mm;
}

/* ---------- Alchemist's Label ---------- */

[data-card-style="alchemist"] {
    --card-surface: #f4ece0;
    --card-surface-image:
        radial-gradient(ellipse at 50% 0%, rgba(255, 252, 246, 0.9), transparent 52%),
        radial-gradient(ellipse at 88% 96%, rgba(196, 168, 122, 0.3), transparent 44%);
    --card-surface-blend: screen, multiply;
    --card-ink: #23302f;
    --card-ink-soft: #4c6462;
    --card-ink-faint: #7b8f8c;
    --card-accent: #1f6b6b;
    --card-accent-soft: rgba(31, 107, 107, 0.1);
    --card-rule: rgba(31, 107, 107, 0.42);
    --card-edge-width: 0.35mm;
    --card-edge-colour: #1f6b6b;
    --card-frame-inset: 2.2mm;
    --card-frame-width: 0.5mm;
    --card-frame-colour: rgba(31, 107, 107, 0.3);
    --card-frame-style: double;
    --card-title-font: "IM Fell English", Georgia, serif;
    --card-title-weight: 400;
    --card-title-transform: uppercase;
    --card-title-spacing: 0.13em;
    --card-label-font: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
    --card-label-spacing: 0.1em;
    --card-inner-shadow: inset 0 0 5mm rgba(150, 130, 96, 0.24);
    --card-decoration:
        linear-gradient(135deg, #f4ece0 0 2.4mm, transparent 2.4mm),
        linear-gradient(225deg, #f4ece0 0 2.4mm, transparent 2.4mm),
        linear-gradient(45deg, #f4ece0 0 2.4mm, transparent 2.4mm),
        linear-gradient(315deg, #f4ece0 0 2.4mm, transparent 2.4mm);
    --card-decoration-position: top left, top right, bottom left, bottom right;
    --card-decoration-size: 5mm 5mm, 5mm 5mm, 5mm 5mm, 5mm 5mm;
}

[data-card-style="alchemist"] .print-card-header,
[data-card-style="alchemist"] .sheet-title-block {
    text-align: center;
    padding-bottom: 1.2mm;
    border-top: 0.25mm solid var(--card-rule);
    border-bottom: 0.6mm double var(--card-accent);
}

[data-card-style="alchemist"] .print-card-title,
[data-card-style="alchemist"] .sheet-title,
[data-card-style="alchemist"] .print-card-subtitle,
[data-card-style="alchemist"] .sheet-subtitle {
    text-align: center;
}