/* ==========================================================================
   Tangletown Rental brand: colours, fonts and basic sizes, from the client's site
   --------------------------------------------------------------------------
   Source:    tangletownrental.com (Work/TangleTown/Site/style/style.css)
   Extracted: 2026-10-24
   Dark mode: the source site has one, so this page follows the system setting.
   Keep this file to the values below. Layout lives in fact-sheet.css.
   ========================================================================== */

:root {
  color-scheme: light dark;

  /* ---- Colours ---- */
  --paper:         #f2f3f5;  /* --bg */
  --sheet:         #ffffff;  /* --surface */
  --ink:           #1a1a1a;  /* --text */
  --ink-soft:      #5f6368;
  --rule:          #e0e0e0;  /* --border */
  --accent:        #1e7e34;  /* site green (#28a745), darkened for readable links */
  --callout:       #f2f3f5;  /* --bg */
  --header-bg:     #ffffff;  /* --surface */
  --header-ink:    #1a1a1a;  /* --text */
  --header-border: #e0e0e0;  /* --border */
  --footer-bg:     #1a1a1a;
  --footer-ink:    #ffffff;

  /* ---- Fonts ---- */
  --font-body:     -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-head:     -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-label:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --head-weight:   700;
  --nav-weight:    600;
  --nav-case:      none;

  /* ---- Basic sizes ---- */
  --text:          1rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper:         #121212;  /* --bg (dark) */
    --sheet:         #1e1e1e;  /* --card (dark) */
    --ink:           #e0e0e0;  /* --text (dark) */
    --ink-soft:      #a8a8a8;
    --rule:          #2a2a2a;  /* --border (dark) */
    --accent:        #5cc97a;
    --callout:       #1a1a1a;  /* --surface (dark) */
    --header-bg:     #1a1a1a;
    --header-ink:    #e0e0e0;
    --header-border: #2a2a2a;
    --footer-bg:     #0b0b0b;
  }
}