/* ============================================================
   Pictavera colour palette — THE ONE PLACE where the accent colours live.
   Every other stylesheet uses these names (var(--…)), never raw accent values.
   Warm brown / cream / bronze palette (replaced the former blue accents).
   ============================================================ */
:root {
    /* The site's three fonts — the ONLY place they are named (typography.css uses them) */
    --f-ui:    'Inter', 'Segoe UI', system-ui, sans-serif;               /* menus, buttons, labels, small print */
    --f-title: 'Playfair Display', Georgia, serif;                       /* titles and names */
    --f-read:  'Source Serif 4', Georgia, 'Times New Roman', serif;      /* stories and long texts */

    /* Filled surfaces: SELL/UPLOAD bar, active tab, buttons */
    --c-fill-top:     #8a5a2b;   /* gradient start / lighter fill */
    --c-fill-bottom:  #5e3a1a;   /* gradient end / main fill */
    --c-fill-dark:    #4a2d14;   /* darker fill (e.g. button on the bar) */
    --c-fill-darker:  #3a230f;   /* darkest fill (hover of a dark button) */
    --c-on-fill:      #f3e6c4;   /* text placed on the filled surfaces */

    /* Text and links */
    --c-text:         #e6cf9a;   /* accent text, links, artist name */
    --c-text-hover:   #f3e6c4;   /* hover of accent text and links */

    /* Navigation link text (not current page) */
    --c-nav-text:     #d6cdbd;

    /* Borders, underlines, focus rings */
    --c-line:         #9a6a36;
    --c-line-soft:    rgba(154, 106, 54, .35);   /* thin separator under the navigation */
    --c-line-hover:   #b8844a;
    --c-glow:         rgba(154, 106, 54, .35);   /* soft shadow/glow around accents */
}

/* Base link colour. Without it the browser paints every link that no rule colours
   in its default blue (logo, hero banner, painting cards) — including their underline.
   Loaded first, so every more specific rule still wins. */
a {
    color: var(--c-text);
    text-decoration-color: var(--c-line);
}