/*
 * Illuminated Manuscript: cream vellum inside a vermilion, gold and lapis
 * triple frame, gold and lapis quadrants in the corners, the title in
 * vermilion uncials on a gilded band between a lapis and a vermilion rule.
 */

[data-card-style="illuminated"] {
    --card-surface: #f7f0dc;
    --card-surface-image:
        radial-gradient(ellipse at 50% 0%, rgba(255, 252, 242, 0.9), transparent 60%),
        var(--grain);
    --card-surface-blend: screen, multiply;
    --card-ink: #241c14;
    --card-ink-soft: #5e4326;
    --card-ink-faint: #8c6a3c;
    --card-accent: #9b1f24;
    --card-accent-second: #1d4f8a;
    --card-accent-soft: rgba(155, 31, 36, 0.1);
    --card-rule: rgba(155, 31, 36, 0.45);
    --card-edge-width: 1.7mm;
    --card-edge-colour: #9b1f24;
    --card-edge-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23c8a132'/%3E%3Crect width='40' height='40' fill='none' stroke='%239b1f24' stroke-width='4'/%3E%3Crect x='9' y='9' width='22' height='22' fill='none' stroke='%231d4f8a' stroke-width='2'/%3E%3Cpath d='M20 2.4 22.4 5 20 7.6 17.6 5Z M5 17.6 7.6 20 5 22.4 2.4 20Z M35 17.6 37.6 20 35 22.4 32.4 20Z M20 32.4 22.4 35 20 37.6 17.6 35Z' fill='%231d4f8a'/%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%231d4f8a'/%3E%3Ccircle cx='35' cy='5' r='1.6' fill='%231d4f8a'/%3E%3Ccircle cx='5' cy='35' r='1.6' fill='%231d4f8a'/%3E%3Ccircle cx='35' cy='35' r='1.6' fill='%231d4f8a'/%3E%3C/svg%3E");
    --card-edge-slice: 10;
    --card-edge-repeat: round;
    --card-inner-shadow: inset 0 0 4mm rgba(200, 161, 50, 0.22);
    --card-frame-inset: 2.2mm;
    --card-frame-width: 0.3mm;
    --card-frame-colour: #1d4f8a;
    --card-title-font: "Uncial Antiqua", "Cinzel", Georgia, serif;
    --card-title-weight: 400;
    --card-title-spacing: 0.01em;
    --card-title-shadow: 0 0.22mm 0 rgba(200, 161, 50, 0.6);
    --card-subtitle-font: "EB Garamond", Georgia, serif;
    --card-label-font: "Cormorant Unicase", Georgia, serif;
    --card-label-spacing: 0.12em;
    --card-decoration:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(0 12 12)'%3E%3Cpath d='M0 0H23A23 23 0 0 1 0 23Z' fill='%23c8a132'/%3E%3Cpath d='M0 0H16.5A16.5 16.5 0 0 1 0 16.5Z' fill='%239b1f24'/%3E%3Cpath d='M0 0H10A10 10 0 0 1 0 10Z' fill='%231d4f8a'/%3E%3Cpath d='M0 0H4.5A4.5 4.5 0 0 1 0 4.5Z' fill='%23c8a132'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(90 12 12)'%3E%3Cpath d='M0 0H23A23 23 0 0 1 0 23Z' fill='%23c8a132'/%3E%3Cpath d='M0 0H16.5A16.5 16.5 0 0 1 0 16.5Z' fill='%239b1f24'/%3E%3Cpath d='M0 0H10A10 10 0 0 1 0 10Z' fill='%231d4f8a'/%3E%3Cpath d='M0 0H4.5A4.5 4.5 0 0 1 0 4.5Z' fill='%23c8a132'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(180 12 12)'%3E%3Cpath d='M0 0H23A23 23 0 0 1 0 23Z' fill='%23c8a132'/%3E%3Cpath d='M0 0H16.5A16.5 16.5 0 0 1 0 16.5Z' fill='%239b1f24'/%3E%3Cpath d='M0 0H10A10 10 0 0 1 0 10Z' fill='%231d4f8a'/%3E%3Cpath d='M0 0H4.5A4.5 4.5 0 0 1 0 4.5Z' fill='%23c8a132'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='rotate(270 12 12)'%3E%3Cpath d='M0 0H23A23 23 0 0 1 0 23Z' fill='%23c8a132'/%3E%3Cpath d='M0 0H16.5A16.5 16.5 0 0 1 0 16.5Z' fill='%239b1f24'/%3E%3Cpath d='M0 0H10A10 10 0 0 1 0 10Z' fill='%231d4f8a'/%3E%3Cpath d='M0 0H4.5A4.5 4.5 0 0 1 0 4.5Z' fill='%23c8a132'/%3E%3C/g%3E%3C/svg%3E");
    --card-decoration-position: 0.4mm 0.4mm, calc(100% - 0.4mm) 0.4mm, calc(100% - 0.4mm) calc(100% - 0.4mm), 0.4mm calc(100% - 0.4mm);
    --card-decoration-size: 6.2mm 6.2mm, 6.2mm 6.2mm, 6.2mm 6.2mm, 6.2mm 6.2mm;
}

[data-card-style="illuminated"] .print-card-header,
[data-card-style="illuminated"] .sheet-title-block {
    padding: 0.7mm 1.6mm 1.2mm;
    background: linear-gradient(180deg, rgba(200, 161, 50, 0.5), rgba(200, 161, 50, 0.14));
    border-top: 0.25mm solid #1d4f8a;
    border-bottom: 0.7mm double #9b1f24;
}