/* =========================================================================
   kotiki.org — "Sweet Rose" theme
   A light, playful rose palette built around the kotiki.org cat-heart mark:
   bright rose for buttons and links, a warm peach pulled from the mark's
   ginger cat for hairlines and focus rings, airy blush-white surfaces.
   Variable names are kept from the previous "Velvet Hour" theme (velvet,
   wine, gold, ...) so every rule below still lines up — only the hex
   values moved, from deep wine/near-black to light, saturated rose.

   This file defines the shared `:root` variables plus base/global resets —
   every other stylesheet under static/css/ depends on the variables here,
   so head_body.stpl links this one first. See that file for the full list
   and load order of the split-out stylesheets (navbar.css, cards.css, ...);
   this used to all be one styles.css before it got split into per-area
   files to keep any single file from growing into a dumping ground.
   ========================================================================= */

:root {
  --velvet: #6b1f45;       /* deep rose-plum — nav, footer, headline ink */
  --wine: #e8386c;         /* primary brand rose — buttons, active states */
  --wine-strong: #cc2856;  /* hover/pressed state for wine elements */
  --rose: #ff6f9c;         /* links, highlights, secondary accent */
  --rose-soft: #ffe0e9;    /* faint rose tint — hovers, subtle fills */
  --gold: #f3a35c;         /* peach hairline borders, focus rings, badges */
  --gold-soft: #ffd9ad;    /* lighter peach for on-dark accents */
  --blush: #fff7f9;        /* page background */
  --paper: #ffffff;        /* card / surface background */
  --ink: #3a1826;          /* body text */
  --muted: #a97a8c;        /* secondary text */
  --line: #ffe3ec;         /* hairline dividers on paper */

  --font-display: "Playfair Display", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ---------- base ---------- */

html, body {
  background-color: var(--blush);
  color: var(--ink);
  font-family: var(--font-body);
}

a {
  color: var(--wine);
}
a:hover {
  color: var(--wine-strong);
  text-decoration: none;
}

/* The display serif is for real page/section headings (h1–h3) — h4–h6 in this app are small
   inline labels (modal titles, comment author names, empty-state prompts), not headings that
   should carry display-face weight, so they stay in the body face. */
h1, h2, h3,
.h1, .h2, .h3 {
  font-family: var(--font-display);
  color: var(--velvet);
  font-weight: 700;
  letter-spacing: 0.01em;
}

h4, h5, h6,
.h4, .h5, .h6 {
  font-family: var(--font-body);
  color: var(--velvet);
  font-weight: 600;
}

::selection {
  background: var(--rose-soft);
  color: var(--velvet);
}

/* remove dropdown rubbish */
li {
  list-style-type: none;
}

/* stretched-link disabling */
.card .card-icons-box {
  z-index: 2;
  position: relative;
}

/* disable icons glish on main page */
a :hover {
  text-decoration: none;
}

.text-muted {
  color: var(--muted) !important;
}