/* Cenovel brand tokens: direction A, Platinum (owner, 2026-10-11).
   One file for cenovel.com and, later, the customer portal: custom properties only, no selectors beyond :root, no
   fonts, no components. Both products load it first and build their own components on these names.
   Light is the default. Dark follows the visitor's system setting unless a page pins a theme with
   data-theme="light" or data-theme="dark" on <html>. */
:root{
  color-scheme:light;
  /* Page: Platinum. The low tone is the top of the hero wash and quiet wells. */
  --cv-page:#eef1f5;
  --cv-page-low:#dbe1e8;
  --cv-card:#ffffff;
  --cv-well:#f5f7fa;
  /* Text */
  --cv-ink:#1c232c;
  --cv-muted:#56616e;
  --cv-faint:#6a7582;
  /* Lines */
  --cv-line:#d4dae2;
  --cv-line-soft:#e3e7ec;
  /* Chrome: the Titanium header, footer and dark bands. Always dark, in both themes. */
  --cv-chrome-1:#262c35;
  --cv-chrome-2:#12161c;
  --cv-on-chrome:#e9edf2;
  --cv-on-chrome-muted:#aab4c0;
  --cv-chrome-line:rgba(255,255,255,.1);
  --cv-chrome-line-strong:rgba(255,255,255,.18);
  --cv-lift:rgba(255,255,255,.06);
  --cv-chrome-focus:#8fbcec;
  /* The one action on the Titanium chrome keeps the light theme's blue in both themes. */
  --cv-chrome-action:#2f6db0;
  --cv-chrome-action-hover:#3a7cc2;
  --cv-on-chrome-action:#ffffff;
  /* Cenovel blue: actions and the current place. Blue text is the darker step for 4.5:1 on Platinum. */
  --cv-blue:#2f6db0;
  --cv-blue-hover:#245b96;
  --cv-blue-text:#245b96;
  --cv-blue-soft:#e4edf7;
  --cv-on-blue:#ffffff;
  /* States, used sparingly: a refusal and a confirmation. */
  --cv-ok:#1f6b45;
  --cv-ok-soft:#e3f1e9;
  --cv-warn:#8a4b14;
  --cv-warn-soft:#f8eddf;
  --cv-bad:#a02c2c;
  --cv-bad-soft:#f8e5e5;
  /* Silver: the hairline on framed product screens. */
  --cv-silver-1:#ffffff;
  --cv-silver-2:#b9c2cd;
  --cv-silver-3:#f4f6f8;
  --cv-silver-4:#a7b1bd;
  --cv-shadow:0 24px 48px -24px rgba(20,30,45,.35);
  --cv-shadow-hover:0 12px 24px -16px rgba(20,30,45,.35);
  --cv-hero-glow:rgba(255,255,255,.75);
  /* Shape and layout */
  --cv-radius-sm:8px;
  --cv-radius:10px;
  --cv-radius-lg:14px;
  --cv-container:1200px;
  --cv-gutter:32px;
  --cv-bar:64px;
  /* Type: Schibsted only, two weights (400 and 500), one small scale. */
  --cv-font:Schibsted,Arial,sans-serif;
  --cv-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --cv-fs-display:56px;
  --cv-fs-title:44px;
  --cv-fs-section:36px;
  --cv-fs-subhead:22px;
  --cv-fs-card:18px;
  --cv-fs-lead:19px;
  --cv-fs-body:16px;
  --cv-fs-small:15px;
  --cv-fs-meta:13px;
  /* Motion: one 150 ms crossfade on the productive curve. */
  --cv-ease:cubic-bezier(.2,0,.38,.9);
  --cv-dur:150ms;
  /* Website motion (2026-10-12): entrances decelerate in; drawings and travel run at their own pace. */
  --cv-ease-enter:cubic-bezier(0,0,.3,1);
  --cv-dur-enter:480ms;
  --cv-dur-draw:900ms;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --cv-page:#171b21;--cv-page-low:#0f1216;--cv-card:#1f252d;--cv-well:#1a1f26;
    --cv-ink:#e8ecf1;--cv-muted:#a6b0bc;--cv-faint:#909ba8;
    --cv-line:#353d48;--cv-line-soft:#2a313a;
    --cv-blue:#5b9bd4;--cv-blue-hover:#78afe0;--cv-blue-text:#7fb3e3;--cv-blue-soft:#1d2c3d;--cv-on-blue:#0d1620;
    --cv-ok:#7fcfa4;--cv-ok-soft:#173226;--cv-warn:#e8b86a;--cv-warn-soft:#33281a;--cv-bad:#f09a9a;--cv-bad-soft:#3a1f22;
    --cv-silver-1:#59636f;--cv-silver-2:#2c333c;--cv-silver-3:#4a535e;--cv-silver-4:#262c34;
    --cv-shadow:0 24px 48px -24px rgba(0,0,0,.7);--cv-shadow-hover:0 12px 24px -16px rgba(0,0,0,.7);
    --cv-hero-glow:rgba(255,255,255,.04);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --cv-page:#171b21;--cv-page-low:#0f1216;--cv-card:#1f252d;--cv-well:#1a1f26;
  --cv-ink:#e8ecf1;--cv-muted:#a6b0bc;--cv-faint:#909ba8;
  --cv-line:#353d48;--cv-line-soft:#2a313a;
  --cv-blue:#5b9bd4;--cv-blue-hover:#78afe0;--cv-blue-text:#7fb3e3;--cv-blue-soft:#1d2c3d;--cv-on-blue:#0d1620;
  --cv-ok:#7fcfa4;--cv-ok-soft:#173226;--cv-warn:#e8b86a;--cv-warn-soft:#33281a;--cv-bad:#f09a9a;--cv-bad-soft:#3a1f22;
  --cv-silver-1:#59636f;--cv-silver-2:#2c333c;--cv-silver-3:#4a535e;--cv-silver-4:#262c34;
  --cv-shadow:0 24px 48px -24px rgba(0,0,0,.7);--cv-shadow-hover:0 12px 24px -16px rgba(0,0,0,.7);
  --cv-hero-glow:rgba(255,255,255,.04);
}