/* The spell and monster pages' frame: dark dragon hide, whatever theme the
   reader picked (Tia, 25 Sep 2026). Loaded only by tools/build-srd.js pages.
   A .extra.css file is not a selectable theme (THEME_NAMES skips it), and
   colours may be written here because it sits in themes/. */
.srd {
    --theme-primary: #d9a441;        /* gold lines, links, buttons */
    --theme-primary-light: #f0c96a;
    --text-primary: #ece6da;
    --text-secondary: #a89f90;
    --text-on-accent: #1b1308;
    --bg-primary: #151316;
    --srd-edge: #6b5230;
    --srd-ember: #c4502a;
    --srd-page: #f7f4ee;
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.78), rgba(12, 10, 12, 0.9)),
        url("/assets/backgrounds/dragon-hide.webp") center / cover;
    border: 1px solid var(--srd-edge);
    border-radius: 14px;
    box-shadow:
        0 0 0 1px #000,
        0 24px 60px rgba(0, 0, 0, 0.6),
        inset 0 0 90px rgba(0, 0, 0, 0.75),
        inset 0 1px 0 rgba(240, 201, 106, 0.18);
}
.srd-roller {
    background: linear-gradient(180deg, rgba(196, 80, 42, 0.14), rgba(0, 0, 0, 0.35));
    border-color: var(--srd-edge);
}
.srd-art img {
    border: 1px solid var(--srd-edge);
    box-shadow: 0 0 0 1px #000, 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 40px rgba(196, 80, 42, 0.18);
}
.srd-table tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.03); }
.srd-table tbody tr:hover { background: rgba(217, 164, 65, 0.08); }
.srd-card { background: rgba(0, 0, 0, 0.45); border: 1px solid var(--srd-edge); }
.srd-card:hover { border-color: var(--theme-primary); }
.srd-hero img { border: 1px solid var(--srd-edge); box-shadow: 0 0 0 1px #000, 0 16px 40px rgba(0, 0, 0, 0.6); }