/*
 * The Conversatron — the `sketch` theme.
 *
 * Hand-drawn frames on dark green, by Magenta. The most elaborate theme in the collection:
 * `sketch.xml` wrapped *two* nine-piece frames around every entry — one round the portrait,
 * one round the text — plus a torn left edge down the whole page. 36 archive pages.
 *
 * The chrome is `EntryChrome.Sketch`; base.css assembles both frames from these GIFs.
 *
 * **The one theme where the name colours are backgrounds, not text colours.** `sketch.xml`
 * puts the name in its own cell inside the body frame with `bgcolor="{namecolor}"`, and the
 * template even carries the comment "330000 for askers, 000033 for askees". So
 * `entry_askeecolor` and `entry_askercolor` are ported to the same custom properties as
 * everywhere else, and the chrome block consumes them as `background` — which is exactly
 * why base.css owns the binding and a theme file owns only the value.
 *
 * Not ported: `indexoutercolor` / `evenindexcolor` / `oddindexcolor`. Dead keys, and
 * `sketch.xml`'s rows ask for `{indexcolor}`, which nothing ever set.
 */

[data-theme="sketch"] {
    --body-bg: #024e32;
    --body-bg-image: none;
    --body-text: #ffffff;
    --link: #ffff00;
    --link-active: #ffffff;
    --link-visited: #b4b400;

    --home-table-color: transparent;
    --home-odd-color: transparent;
    --home-even-color: transparent;

    /*
     * Backgrounds, not text colours — see the header. The strip sits inside the drawn frame
     * rather than above the portrait, so it has no colour of its own.
     */
    --entry-title-bg: transparent;
    --entry-name-askee: #000033;
    --entry-name-asker: #330000;

    /* Very dark, and deliberately so: they sit inside a black-bordered box on dark green. */
    --entry-neutral: #222222;
    --entry-happy: #112211;
    --entry-angry: #221111;
    --entry-sad: #111122;

    /* `default.py`'s hardcoded fallback, for a theme that defined no ghost colours. */
    --entry-ghost-bg: #cccccc;
    --entry-ghost-text: #333333;
    --entry-ghost-link: #000080;

    --doc-banner-bg: #000000;
    --doc-banner-text: #ffffff;

    /* ----- The portrait frame: nine fixed pieces round an exactly 80x100 image ----- */

    --sketch-pic-top-left: url("/img/sketch/pic-top-left.gif");
    --sketch-pic-top: url("/img/sketch/pic-top.gif");
    --sketch-pic-top-right: url("/img/sketch/pic-top-right.gif");
    --sketch-pic-left: url("/img/sketch/pic-left.gif");
    --sketch-pic-right: url("/img/sketch/pic-right.gif");
    --sketch-pic-bottom-left: url("/img/sketch/pic-bottom-left.gif");
    --sketch-pic-bottom: url("/img/sketch/pic-bottom.gif");
    --sketch-pic-bottom-right: url("/img/sketch/pic-bottom-right.gif");

    /* ----- The body frame: corners pinned over tiled edges, because the body grows ----- */

    --sketch-text-top-left: url("/img/sketch/text-top-left.gif");
    --sketch-text-top: url("/img/sketch/text-top.gif");
    --sketch-text-top-right: url("/img/sketch/text-top-right.gif");
    --sketch-text-left: url("/img/sketch/text-left.gif");
    --sketch-text-right: url("/img/sketch/text-right.gif");
    --sketch-text-bottom-left: url("/img/sketch/text-bottom-left-corner.gif");
    --sketch-text-bottom: url("/img/sketch/text-bottom.gif");
    --sketch-text-bottom-right: url("/img/sketch/text-bottom-right-corner.gif");
}