/* Nornvi brand tokens — shared by every Nornvi site.
   Link it:  <link rel="stylesheet" href="https://brand.nornvi.com/brand.css">
   Then use the variables (var(--nv-aubergine) etc.). Change a value here and every site follows. */

:root {
  /* Core palette (light mode) */
  --nv-aubergine: #50133B;        /* lettering, headings, linework */
  --nv-malachite: #0F5E4B;        /* leaves, primary button */
  --nv-ruby: #A10A3F;             /* heart, small accents, link underline */
  --nv-pale: #F1EAF1;             /* page background */
  --nv-light-aubergine: #D7C7D3;  /* dark-mode linework and text */
  --nv-black: #000000;            /* dark-mode surface */
  --nv-white: #FFFFFF;

  /* Roles */
  --nv-bg: var(--nv-pale);
  --nv-surface: #FAF6FA;          /* cards on the pale page */
  --nv-text: var(--nv-aubergine);
  --nv-text-soft: #6E4A62;        /* secondary text, 7:1 on pale */
  --nv-border: #DCCDDA;
  --nv-button-bg: var(--nv-malachite);
  --nv-button-text: var(--nv-white);
  --nv-link: var(--nv-aubergine);
  --nv-link-underline: var(--nv-ruby);

  /* Type — fonts not chosen yet; these are safe stand-ins */
  --nv-font-serif: Georgia, "Times New Roman", serif;
  --nv-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Shape */
  --nv-radius: 14px;
  --nv-radius-pill: 999px;

  /* Logo files (light) */
  --nv-logo-wordmark: url("https://brand.nornvi.com/logos/wordmark-circled.svg");
  --nv-logo-mark: url("https://brand.nornvi.com/logos/tree-circled.svg");
}

@media (prefers-color-scheme: dark) {
  :root[data-nv-theme="auto"] {
    --nv-bg: var(--nv-black);
    --nv-surface: #160A12;
    --nv-text: var(--nv-light-aubergine);
    --nv-text-soft: #B9A6B4;
    --nv-border: #3A2433;
    --nv-link: var(--nv-light-aubergine);
    --nv-link-underline: #D9577F; /* lighter ruby: readable on black */
    --nv-logo-wordmark: url("https://brand.nornvi.com/logos/dark/wordmark-circled.svg");
    --nv-logo-mark: url("https://brand.nornvi.com/logos/dark/tree-circled.svg");
  }
}

:root[data-nv-theme="dark"] {
  --nv-bg: var(--nv-black);
  --nv-surface: #160A12;
  --nv-text: var(--nv-light-aubergine);
  --nv-text-soft: #B9A6B4;
  --nv-border: #3A2433;
  --nv-link: var(--nv-light-aubergine);
  --nv-link-underline: #D9577F;
  --nv-logo-wordmark: url("https://brand.nornvi.com/logos/dark/wordmark-circled.svg");
  --nv-logo-mark: url("https://brand.nornvi.com/logos/dark/tree-circled.svg");
}

/* Optional helpers */
.nv-button {
  display: inline-flex; align-items: center; gap: .5em;
  background: var(--nv-button-bg); color: var(--nv-button-text);
  font: 600 1rem/1 var(--nv-font-sans);
  padding: .85em 1.4em; border-radius: var(--nv-radius-pill);
  text-decoration: none; border: 0; cursor: pointer;
}
.nv-button:hover { filter: brightness(1.12); }
.nv-link {
  color: var(--nv-link); text-decoration: underline;
  text-decoration-color: var(--nv-link-underline); text-underline-offset: .25em;
}