/* Blogărie - bază comună (variabile, reset, tipografie de bază)
 *
 * Încărcat pe FIECARE pagină, înaintea oricărei alte foi de stil (main.css,
 * admin.css etc.) - sursă unică pentru culori, chenare și raze de rotunjire,
 * ca site-ul public și panoul de admin să nu poată diverge silențios unul
 * de celălalt (cum se întâmplase până acum: admin.css avea propria copie a
 * acestor variabile, ușor diferită).
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

:root {
  --paper:       #f6f4ee;
  --paper-mid:   #ece7da;
  --paper-dark:  #ddd5c0;
  --teal:        #1f6f5c;
  --teal-dark:   #145041;
  --teal-pale:   #dcece6;
  --gold:        #d9a441;
  --gold-dark:   #b3822a;
  --gold-pale:   #f6e8cc;
  --ink:         #1d2b28;
  --ink-mid:     #55625b;
  --ink-light:   #96a099;
  --success:     #3b6d11;
  --success-bg:  #eaf3de;
  --error:       #a32d2d;
  --error-bg:    #fcebeb;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --card-bg:     #fff;
  --header-bg:   rgba(246,244,238,0.9);
  --border:      rgba(29,43,40,0.12);
  --border-mid:  rgba(29,43,40,0.22);
}

[data-theme="dark"] {
  --paper:       #141917;
  --paper-mid:   #1e2622;
  --paper-dark:  #29332d;
  --teal:        #3fae93;
  --teal-dark:   #2c8a73;
  --teal-pale:   #16342c;
  --gold:        #e3b661;
  --gold-dark:   #c99a48;
  --gold-pale:   #3a2e12;
  --ink:         #eef1ec;
  --ink-mid:     #a9b3ac;
  --ink-light:   #6d7871;
  --success:     #6dbf3a;
  --success-bg:  #182c0e;
  --error:       #e06060;
  --error-bg:    #2e1010;
  --card-bg:     #1a201d;
  --header-bg:   rgba(20,25,23,0.92);
  --border:      rgba(200,210,200,0.1);
  --border-mid:  rgba(200,210,200,0.2);
}

body {
  font-family: 'Manrope', system-ui, sans-serif;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

code {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  background: var(--paper-mid);
  color: var(--ink);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.85em;
}