/* Layout: bară de comutare mock-up sus; site public = coloane editoriale largi,
   CRM = sidebar fix + spațiu de lucru. Paleta pornește de la „păun”: verde-albastru
   adânc, turcoaz de pană și auriu de ochi de pană, pe neutre reci. */
:root {
  --ink: #10262b;
  --ink-2: #4a6168;
  --ink-3: #7d9196;
  --paper: #f5f8f7;
  --surface: #ffffff;
  --surface-2: #edf2f1;
  --line: #d9e3e1;
  --peacock: #0b5c63;
  --peacock-deep: #073f44;
  --plume: #1e8c86;
  --on-accent: #ffffff;
  --gold: #a87724;
  --gold-soft: #f4e9d3;

  --ok: #2b7a4b;   --ok-bg: #e3f2e9;
  --warn: #9a6512; --warn-bg: #fbefd9;
  --bad: #a83636;  --bad-bg: #f8e3e3;
  --info: #2c679f; --info-bg: #e2edf8;
  --mute-bg: #e9eeed;

  --f-display: "Bodoni Moda", Didot, "Bodoni 72", "Times New Roman", serif;
  --f-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-data: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --r: 6px;
  --r-lg: 10px;
  --shadow: 0 1px 2px rgb(16 38 43 / .06), 0 8px 24px rgb(16 38 43 / .07);
  --gutter-l: max(16px, env(safe-area-inset-left, 0px));
  --gutter-r: max(16px, env(safe-area-inset-right, 0px));
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #e2eceb; --ink-2: #a3b7b5; --ink-3: #74898a;
    --paper: #0b1618; --surface: #122124; --surface-2: #182b2e; --line: #243a3d;
    --peacock: #43b5ac; --peacock-deep: #8ddbd3; --plume: #4fc4ba; --on-accent: #052427;
    --gold: #d8a955; --gold-soft: #3a2f1c;
    --ok: #6bc993; --ok-bg: #173325; --warn: #e2ad57; --warn-bg: #3a2c14;
    --bad: #ec8a8a; --bad-bg: #3d1d1f; --info: #7fb4e6; --info-bg: #182c40; --mute-bg: #1d3033;
    --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --ink: #e2eceb; --ink-2: #a3b7b5; --ink-3: #74898a;
  --paper: #0b1618; --surface: #122124; --surface-2: #182b2e; --line: #243a3d;
  --peacock: #43b5ac; --peacock-deep: #8ddbd3; --plume: #4fc4ba; --on-accent: #052427;
  --gold: #d8a955; --gold-soft: #3a2f1c;
  --ok: #6bc993; --ok-bg: #173325; --warn: #e2ad57; --warn-bg: #3a2c14;
  --bad: #ec8a8a; --bad-bg: #3d1d1f; --info: #7fb4e6; --info-bg: #182c40; --mute-bg: #1d3033;
  --shadow: 0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);
  color-scheme: dark;
}