/* Skreddersydde møbler – designtokens og fonter.
 * Fonter bygger på adpas.no (Manrope + Noto Serif) – samme par som brandboken (serif + sans). Premium-justert 13.10.2026.
 * Farger fra brandboken for Skreddersydde møbler (innkommende/brandbok-2026-10-13/, valgt av Stephen 13.10.2026 kl. 15):
 * Deep Pine #2F4A46, Warm Sand #D8C2A3, Off-white #F7F4EF, Stone #EAE4DB, Charcoal #2B2B2B,
 * Secondary text #6E6A63, Walnut #8A6A4A, Taupe #B7A28C.
 * Bronse fra logoen (#AB7B45) er aksentfargen (Stephen 13.10.2026: «skulle ikke vi også ha bronze»). Den skiller siden fra
 * Kjøkkenskreddern (salviegrønn #4A6D5C + gull #C89B4A). Bronse som tekst er mørknet til ≥ 4,5:1, som pynt ≥ 3:1.
 */

@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/noto-serif-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/manrope-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Farger – brandbok v1.0 (22.10.2026), merkevare/brandbok/02-farger/ har de samme verdiene */
  --mb-paper: #f7f4ef;        /* Off-white: bakgrunn */
  --mb-paper-2: #eae4db;      /* Stone: seksjoner og flater */
  --mb-white: #ffffff;
  --mb-ink: #2b2b2b;          /* Charcoal: overskrifter og tekst (12,9:1 på off-white, 11,2:1 på stone) */
  --mb-ink-2: #2b2b2b;        /* brødtekst i prosa og tabeller */
  --mb-forest: #2f4a46;       /* Deep Pine: hovedfarge – hovedknapp og mørke flater */
  --mb-forest-deep: #121f1c;  /* mørk furu til bildeoverlegg (samme lyshet som før) */
  --mb-footer-bg: #2b2b2b;    /* Charcoal: footer, skilt fra CTA-blokken i Deep Pine (og ikke Kjøkkenskredderns mørkegrønne #1E2C25) */
  --mb-muted: #68645d;        /* sekundærtekst: #6E6A63 mørknet, 5,4:1 på off-white, 4,7:1 på stone */
  --mb-sand: #d8c2a3;         /* Warm Sand: aksent på furu (5,6:1) og pynt */
  --mb-taupe: #b7a28c;        /* Taupe: pynt og streker */
  --mb-bronze: #a97944;       /* bronse fra logoen: streker, målestreker, menymarkør og pynt (3,5:1 på off-white, 3,0:1 på stone) */
  --mb-walnut: #825d34;       /* bronse som tekst, etiketter og lenker: 5,4:1 på off-white, 4,7:1 på stone */
  --mb-walnut-dark: #6c4d2b;  /* hover: 7,0:1 */
  --mb-walnut-pale: #f1e7da;
  --mb-oak: #cfae89;          /* lys bronse: etiketter og streker på furu (4,6:1) og footer i charcoal (7,0:1) */
  --mb-oak-pale: #f2eae0;     /* lenker og utheving på furu: 8,1:1 */
  --mb-line: #cfc3b3;         /* hårfine streker, synlige på både off-white og stone */
  --mb-line-2: #e6dfd4;

  /* Typografi */
  --mb-serif: 'Noto Serif', Georgia, 'Times New Roman', serif;
  --mb-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mb-fs-base: 17px;
  --mb-lh: 1.7;

  /* Layout */
  --mb-w: 1200px;
  --mb-w-prose: 720px;
  --mb-px: 28px;
  --mb-sec-y: clamp(72px, 10vw, 136px);

  /* Form */
  --mb-r: 2px;
  --mb-r-lg: 4px;
  --mb-shadow: 0 1px 2px rgba(43,43,43,.05);
  --mb-shadow-lg: 0 24px 60px rgba(43,43,43,.18);
  --mb-ease: cubic-bezier(.22,.61,.36,1);
  --mb-slow: .7s;

  /* Målestokk: tynne målestreker brukt som signatur under etiketter og sidehoder */
  --mb-ticks: repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 8px);
}