/* ==========================================================================
   Theme: Sepia Americana / Sommersby
   Warm post-Civil War daguerreotype tones with a vintage photo vignette.
   A deliberately light theme, unlike most of the others. Textures
   generated with inline SVG noise / CSS gradients, no extra assets
   required.
   ========================================================================== */

.theme-sommersby-sepia {
    --color-bg: linear-gradient(180deg, #d9c7a3 0%, #b89b6d 100%);
    --color-bg-alt: #cbb488;
    --color-surface: #e2d2ac;
    --color-text: #2e2013;
    --color-text-muted: #6b5636;
    --color-accent: #7a3b1e;
    --color-accent-2: #4a5a3a;
    --color-border: #a68c5c;
    --color-link: var(--color-accent-2);
    --color-badge-won: #4a5a3a;
    --color-badge-nominated: #6b5636;

    --font-display: Georgia, 'Times New Roman', serif;
    --font-body: Georgia, 'Times New Roman', serif;

    --card-radius: 3px;
    --card-shadow: 0 6px 18px rgba(46, 32, 19, 0.3);
    --card-border: 1px solid #a68c5c;
    --card-bg: #e2d2ac;

    --header-bg: #cbb488;
    --header-border: 1px solid #a68c5c;

    --overlay-image:
        radial-gradient(ellipse at center, transparent 40%, rgba(46, 32, 19, 0.3) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    --overlay-opacity: 0.09;
    --overlay-blend: multiply;
}

/* Vintage-photo vignette heading — the theme's signature effect. */
.theme-sommersby-sepia h1,
.theme-sommersby-sepia h2,
.theme-sommersby-sepia .site-title {
    color: var(--color-accent);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 6px rgba(46, 32, 19, 0.3);
}

.theme-sommersby-sepia .site-title {
    font-size: 1.35rem;
    letter-spacing: 0.02em;
}

.theme-sommersby-sepia .main-nav a.is-active,
.theme-sommersby-sepia .main-nav a:hover {
    color: var(--color-accent);
}

/* Faded photo-edge band beneath the header. */
.theme-sommersby-sepia .site-header::after {
    content: '';
    display: block;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(46, 32, 19, 0.35), transparent);
}