/* Colour themes for the Manufacturer Details tool. Every colour on the page comes from these tokens.
   The theme is chosen in the header and stored per browser (localStorage "dhl-theme"). */

/* Gleuhr Coral (default) */
:root {
  --brand:#d75447; --brand-dark:#b8402f; --brand-soft:#fbeae6; --brand-tint:#fdf5f2; --on-brand:#ffffff;
  --bg:#faf6f3; --bg-glow:#fbeae6; --card:#ffffff; --field:#ffffff; --glass:rgba(255,255,255,.88);
  --ink:#2a211e; --muted:#8a7b75; --line:#ecdfd9; --dash:#e3c9c2; --icon:#c4b5af;
  --shadow:rgba(80,40,30,.10); --brand-shadow:rgba(215,84,71,.55);
  --ok:#3d8b5a; --ok-soft:#e8f3ec; --ok-line:#cfe6d7;
  --warn:#b7791f; --warn-soft:#fdf3e1; --warn-line:#f0dcb4; --warn-field:#fffaf0;
  --err-bg:#fdecea; --err-fg:#9b2c1f; --err-line:#f5c6bf;
  --toast-bg:#2a211e; --toast-fg:#ffffff;
  color-scheme:light;
}

/* DHL Yellow: DHL red on a warm yellow ground */
:root[data-theme="dhl"] {
  --brand:#d40511; --brand-dark:#a8040d; --brand-soft:#ffe58a; --brand-tint:#fff8d6; --on-brand:#ffffff;
  --bg:#fffbea; --bg-glow:#ffe680; --card:#ffffff; --field:#ffffff; --glass:rgba(255,255,255,.92); --header:#ffcc00;
  --ink:#1f1a12; --muted:#6e6350; --line:#efe2b0; --dash:#e6c95c; --icon:#bfae7a;
  --shadow:rgba(90,70,0,.12); --brand-shadow:rgba(212,5,17,.45);
  --ok:#2f7d4f; --ok-soft:#e6f3ea; --ok-line:#c7e3d1;
  --warn:#a86500; --warn-soft:#fff1cc; --warn-line:#f0d58a; --warn-field:#fffaea;
  --err-bg:#fde8e8; --err-fg:#9b1c1c; --err-line:#f5c2c2;
  --toast-bg:#1f1a12; --toast-fg:#ffffff;
  color-scheme:light;
}

/* Ocean Blue */
:root[data-theme="ocean"] {
  --brand:#1f6fb2; --brand-dark:#185a91; --brand-soft:#e2eef9; --brand-tint:#f2f7fc; --on-brand:#ffffff;
  --bg:#f4f7fb; --bg-glow:#dceaf7; --card:#ffffff; --field:#ffffff; --glass:rgba(255,255,255,.88);
  --ink:#16222e; --muted:#6b7a8a; --line:#dde5ee; --dash:#b9cde2; --icon:#a8b6c4;
  --shadow:rgba(20,50,80,.10); --brand-shadow:rgba(31,111,178,.45);
  --ok:#2f7d4f; --ok-soft:#e6f3ea; --ok-line:#c7e3d1;
  --warn:#a8670f; --warn-soft:#fdf2e0; --warn-line:#efd6a8; --warn-field:#fffaf0;
  --err-bg:#fdecea; --err-fg:#9b2c1f; --err-line:#f5c6bf;
  --toast-bg:#16222e; --toast-fg:#ffffff;
  color-scheme:light;
}

/* Sage Green */
:root[data-theme="sage"] {
  --brand:#3e7a5a; --brand-dark:#2f6147; --brand-soft:#e3efe7; --brand-tint:#f3f8f4; --on-brand:#ffffff;
  --bg:#f5f7f3; --bg-glow:#e0ecdf; --card:#ffffff; --field:#ffffff; --glass:rgba(255,255,255,.88);
  --ink:#1d2620; --muted:#6f7c72; --line:#dfe7df; --dash:#bcd2c1; --icon:#a9b8ac;
  --shadow:rgba(30,60,40,.10); --brand-shadow:rgba(62,122,90,.45);
  --ok:#2f7d4f; --ok-soft:#e6f3ea; --ok-line:#c7e3d1;
  --warn:#a8670f; --warn-soft:#fdf2e0; --warn-line:#efd6a8; --warn-field:#fffaf0;
  --err-bg:#fdecea; --err-fg:#9b2c1f; --err-line:#f5c6bf;
  --toast-bg:#1d2620; --toast-fg:#ffffff;
  color-scheme:light;
}

/* Midnight (dark) */
:root[data-theme="midnight"] {
  --brand:#ef7a6d; --brand-dark:#f59a8f; --brand-soft:#3a2523; --brand-tint:#221c1e; --on-brand:#1a1214;
  --bg:#14171c; --bg-glow:#2a1d20; --card:#1c2027; --field:#232831; --glass:rgba(28,32,39,.9);
  --ink:#ebe7e4; --muted:#9aa2ad; --line:#2e343d; --dash:#4a3d3c; --icon:#6b7380;
  --shadow:rgba(0,0,0,.35); --brand-shadow:rgba(239,122,109,.30);
  --ok:#6fcf97; --ok-soft:#1d3127; --ok-line:#2c4a39;
  --warn:#e8b04a; --warn-soft:#352b18; --warn-line:#5a4826; --warn-field:#2a2418;
  --err-bg:#3b1f1c; --err-fg:#f2a69c; --err-line:#5c2f29;
  --toast-bg:#ebe7e4; --toast-fg:#14171c;
  color-scheme:dark;
}