/* Fantasy theme tokens for the Pathfinder Codex. Layered on top of Bootstrap (loaded first);
   wiki.css consumes these variables. No build step — plain CSS custom properties. */

:root {
    --codex-parchment: #f3e9d2;
    --codex-parchment-2: #e9dcbf;
    --codex-panel: #fbf5e6;
    --codex-ink: #2a2118;
    --codex-ink-soft: #5a4c38;
    --codex-gold: #a8842c;
    --codex-gold-bright: #cda434;
    --codex-blood: #7b1e1e;
    --codex-blood-bright: #9c2a2a;
    --codex-rule: #cdb98a;
    --codex-shadow: rgba(43, 33, 24, 0.18);

    --codex-font-display: "Cinzel", "Trajan Pro", Georgia, serif;
    --codex-font-body: "Lora", Georgia, "Times New Roman", serif;

    /* Bootstrap variable overrides so its components inherit the theme. */
    --bs-body-bg: var(--codex-parchment);
    --bs-body-color: var(--codex-ink);
    --bs-body-font-family: var(--codex-font-body);
    --bs-primary: #7b1e1e;
    --bs-primary-rgb: 123, 30, 30;
    --bs-link-color: #7b1e1e;
    --bs-link-hover-color: #9c2a2a;
    --bs-border-color: var(--codex-rule);
}

body {
    font-family: var(--codex-font-body);
    color: var(--codex-ink);
    background-color: var(--codex-parchment);
    background-image:
        radial-gradient(circle at 20% 10%, rgba(168, 132, 44, 0.06), transparent 60%),
        radial-gradient(circle at 80% 90%, rgba(123, 30, 30, 0.05), transparent 55%);
    font-size: 1.05rem;
}

h1, h2, h3, h4, .codex-font-display {
    font-family: var(--codex-font-display);
    letter-spacing: 0.02em;
    color: var(--codex-ink);
}

a {
    color: var(--codex-blood);
    text-decoration: none;
}

a:hover {
    color: var(--codex-blood-bright);
    text-decoration: underline;
}

.btn-primary {
    --bs-btn-bg: var(--codex-blood);
    --bs-btn-border-color: var(--codex-blood);
    --bs-btn-hover-bg: var(--codex-blood-bright);
    --bs-btn-hover-border-color: var(--codex-blood-bright);
}