/* INFO: white-label – the one file to change for your own brand (plus app/icons/*, app/manifest.webmanifest
 *       and the name in app/index.html). Shared by the landing page and the app; html[data-theme] overrides the OS.
 *       Palette "3b.1 – kreativ-anders": brand #FFA500 · ink #000000 · paper #FFFFFF · graphite #292929.
 *       --line / --line-strong: dividers / control borders (≥ 3:1, WCAG 1.4.11) */

@font-face{font-family:"Newsreader";src:url("fonts/newsreader.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

:root{
  --brand:#FFA500; --brand-2:#FFB52E; --on-brand:#000000;
  --ink:#000000; --paper:#FFFFFF; --graphite:#292929;

  --bg:#292929; --bg2:#222222; --card:#323232; --card2:#3A3A3A; --line:#454545; --line-strong:#858585;
  --fg:#FFFFFF; --muted:#BDBDBD; --faint:#8C8C8C; --logo:#FFFFFF;
  --brand-ink:#FFA500; --glow:rgba(255,165,0,.12);
  --ok:#7cc88a; --warn:#FFC04B; --err:#ff7a66;

  /* INFO: Collector strategy colours – derivations of the brand colour */
  --v-direct:#FFA500; --v-discovered:#FFC54D; --v-guessed:#FFE196; --v-html:#FA7C20; --v-sitemap:#EAB084; --v-rule:#FFB020; --on-v:#000000;

  /* INFO: 0 = straight editorial lines; e.g. 8px for a rounder white-label look */
  --radius:0;

  --font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:ui-monospace,"Cascadia Code","SF Mono",Consolas,monospace;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#FFFFFF; --bg2:#F5F5F4; --card:#FFFFFF; --card2:#FAFAF9; --line:#E3E3E1; --line-strong:#858585;
    --fg:#000000; --muted:#5A5A5A; --faint:#8E8E8E; --logo:#000000;
    --brand-ink:#A35A00; --glow:rgba(255,165,0,.10);
    --ok:#2f7d3e; --warn:#A35A00; --err:#b23a22;
    --v-direct:#A25C01; --v-discovered:#986603; --v-guessed:#8A6E1F; --v-html:#AF4803; --v-sitemap:#8C5C41; --v-rule:#9A5F00; --on-v:#fff;
    color-scheme:light;
  }
}
:root[data-theme="light"]{
    --bg:#FFFFFF; --bg2:#F5F5F4; --card:#FFFFFF; --card2:#FAFAF9; --line:#E3E3E1; --line-strong:#858585;
    --fg:#000000; --muted:#5A5A5A; --faint:#8E8E8E; --logo:#000000;
    --brand-ink:#A35A00; --glow:rgba(255,165,0,.10);
    --ok:#2f7d3e; --warn:#A35A00; --err:#b23a22;
    --v-direct:#A25C01; --v-discovered:#986603; --v-guessed:#8A6E1F; --v-html:#AF4803; --v-sitemap:#8C5C41; --v-rule:#9A5F00; --on-v:#fff;
    color-scheme:light;
}

/* INFO: headings and titles → Newsreader 600, everything else → Source Sans 3, code and keys → mono */
body{font-family:var(--font)}
h1,h2,h3,h4,h5,h6,summary,.nr-title{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}

.nr-mark .i{stroke:var(--logo)}.nr-mark .f{fill:var(--logo)}.nr-mark .r{stroke:var(--brand)}.nr-mark .d{fill:var(--brand)}