@import url('https://fonts.googleapis.com/css2?family=Bentham&family=Sirivennela&display=swap');


/*
 * Fellinis site stylesheet.
 *
 * :root — overrides the semantic tokens defined in __theme.css so that any
 *   component using bg-surface, text-ink, bg-accent, etc. automatically picks
 *   up the Fellinis palette.
 *
 * [data-site="fellinis"] — scoped overrides for the named palette tokens that
 *   individual templates hardcode directly (bg-navy, bg-light-beige, etc.).
 *   Because Tailwind v4 compiles utilities to var(--color-*) references,
 *   overriding the variable at this scope changes every utility that uses it.
 *
 * Note: Bentham is loaded from Google Fonts here for convenience. Self-host
 *   the file under src/fonts/ for production to avoid third-party requests.
 */
[data-site="fellinis"] {
    /*
     * Semantic token overrides — set on the body element so CSS custom-property
     * inheritance takes effect for all descendants, bypassing any @layer cascade
     * interactions between app.css and this file.
     */
    --color-cool-grey: #697077;
    --color-cool-grey-100: #f2f4f8;
    --color-cool-grey-200: #d0c7b8;
    --color-cool-grey-300: #d0c7b8;
    --color-cool-grey-400: #b7aea1;
    --color-cool-grey-500: #8f8678;
    --color-cool-grey-600: #697077;
    --color-cool-grey-700: #4d5358;
    --color-cool-grey-800: #343a3f;
    --color-cool-grey-900: #2b2a29;
    --color-cool-grey-950: #1a1918;

    --color-ink: var(--color-cool-grey-900);
    --color-ink-muted: var(--color-cool-grey-800);
    --color-ink-subtle: var(--color-cool-grey-600);
    --color-time-chip: #7aa3b2;
    --color-surface: #f5f4ee;
    --color-surface-muted: #d0c7b8;
    --color-surface-inverse: var(--color-cool-grey-900);
    --color-surface-inverse-muted: var(--color-cool-grey-800);
    --color-stroke: #d0c7b8;
    --color-accent: #91635d;
    --color-accent-strong: #744f4a;
    --color-accent-soft: #f0e4e3;
    --color-time-chip-strong: #668d9a;

    /*
     * Remap legacy named palette tokens that shared templates reference directly
     * (bg-navy, bg-light-beige, bg-beige, bg-blush-tint, etc.).
     */
    --color-navy: var(--color-cool-grey-900);
    --color-beige: #d0c7b8;
    --color-light-beige: #f5f4ee;
    --color-blush-tint: #f5f4ee;

    /* Heading font — Bentham matches the Figma design */
    --font-heading: "Bentham", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
}
/* Limit the site-level footer background to the outer page footer wrapper.
   Nested footer blocks can then set their own backgrounds, such as the
   ultimate footer band. */
[data-site="fellinis"] > footer {
    background-color: var(--color-surface);
    color: var(--color-ink);
}
/* Scope text and link colour overrides to the inner nav footer only.
   The newsletter <section> sits inside the outer <footer class="mt-auto"> wrapper
   and must keep its white text on the dark navy background. */
[data-site="fellinis"] footer.bg-cool-grey-900 .text-white {
    color: var(--color-ink);
}
[data-site="fellinis"] footer.bg-cool-grey-900 a {
    color: var(--color-ink);
}
[data-site="fellinis"] footer.bg-cool-grey-900 a:hover {
    color: var(--color-accent);
}