/*
 * custom.css — site-specific style overrides
 *
 * Dark mode:  [data-theme="dark"]  on <html>
 * Light mode: [data-theme="light"] on <html>
 *
 * This example colors the .accent class differently per theme.
 * Used in site_overview_html: Welcome to my <span class="accent">photo gallery</span>.
 */

[data-theme="light"] .accent {
    color: #1a7f4b;
}

[data-theme="dark"] .accent {
    color: #4ade80;
}

/* Grid overlay: don't underline links.
 *
 * The [href] is load-bearing. Svelte compiles the built-in rule to
 * `.photo-caption.svelte-<hash> a`, which is (0,2,1); a plain `.photo-caption a`
 * is (0,1,1) and loses, so the underline stays. The attribute selector ties the
 * built-in at (0,2,1) and custom.css is loaded last, so source order wins it.
 *
 * Grid only -- lightbox captions keep their underline, which is the only thing
 * marking them as clickable (grid captions are inert). */
.photo-caption a[href] {
    text-decoration: none;
}