/* BUSOLA design system — tokens.
   Aceeasi identitate ca documentul de produs: cerneala + alama.
   Toate componentele folosesc DOAR aceste variabile, niciodata culori directe. */

:root {
  /* neutrale (bias usor spre albastru, alese nu implicite) */
  --ink:        #161c27;
  --ink-soft:   #33404f;
  --ink-faint:  #5d6b7a;
  --paper:      #eef0f3;
  --paper-2:    #e4e7ec;
  --card:       #ffffff;
  --line:       #d3d8df;

  /* accent (verde petrol / busola). Numele tokenului ramane --brass din motive istorice. */
  --brass:      #0f8a9c;
  --brass-soft: #0e7d8e;
  --brass-tint: #d9eef1;
  --brass-text: #0b7381;   /* teal inchis DOAR pt text mic (contrast AA pe fundal deschis) */
  --on-accent:  #ffffff;   /* text pe accent */

  /* semantice (separate de accent) */
  --good:   #2f7d4f;
  --warn:   #cf843c;   /* portocaliu discret: avertismente / in lucru */
  --crit:   #b23b34;
  --indigo: #3f52c4;   /* institutii si politica (structura) */
  --indigo-soft: #e6e9f8;

  /* culori de arena (fiecare tara/nivel primeste una) */
  --origin:    #7a5cc9;   /* tara de origine */
  --residence: #2f6fd0;   /* tara de resedinta */

  /* forma */
  --r-sm: 8px;
  --r:    12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --shadow:    0 1px 2px rgba(20,30,45,.06), 0 8px 24px rgba(20,30,45,.07);
  --shadow-lg: 0 2px 6px rgba(20,30,45,.08), 0 18px 48px rgba(20,30,45,.12);

  /* tipografie */
  --serif: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:  system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:  ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* scala de spatiere */
  --s1: 6px; --s2: 10px; --s3: 16px; --s4: 24px; --s5: 36px; --s6: 56px;

  /* layout */
  --maxw: 640px;
  --tabbar-h: 64px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink:#e9edf2; --ink-soft:#b6c0cc; --ink-faint:#8593a2;
    --paper:#10141b; --paper-2:#161c26; --card:#1a212c; --line:#2a3441;
    --brass:#3fc0d2; --brass-soft:#37a9ba; --brass-tint:#12303a; --on-accent:#05242b; --brass-text:#3fc0d2;
    --good:#63b183; --warn:#e0a35a; --crit:#e0776f; --indigo:#8a97f0; --indigo-soft:#20263f;
    --origin:#a891e6; --residence:#6f9be6;
    --shadow:    0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35);
    --shadow-lg: 0 2px 8px rgba(0,0,0,.4), 0 22px 60px rgba(0,0,0,.5);
  }
}
:root[data-theme="light"] {
  --ink:#161c27; --ink-soft:#33404f; --ink-faint:#5d6b7a;
  --paper:#eef0f3; --paper-2:#e4e7ec; --card:#ffffff; --line:#d3d8df;
  --brass:#0f8a9c; --brass-soft:#0e7d8e; --brass-tint:#d9eef1; --on-accent:#ffffff; --brass-text:#0b7381;
  --good:#2f7d4f; --warn:#cf843c; --crit:#b23b34; --indigo:#3f52c4; --indigo-soft:#e6e9f8;
  --origin:#7a5cc9; --residence:#2f6fd0;
  --shadow:    0 1px 2px rgba(20,30,45,.06), 0 8px 24px rgba(20,30,45,.07);
  --shadow-lg: 0 2px 6px rgba(20,30,45,.08), 0 18px 48px rgba(20,30,45,.12);
}
:root[data-theme="dark"] {
  --ink:#e9edf2; --ink-soft:#b6c0cc; --ink-faint:#8593a2;
  --paper:#10141b; --paper-2:#161c26; --card:#1a212c; --line:#2a3441;
  --brass:#3fc0d2; --brass-soft:#37a9ba; --brass-tint:#12303a; --on-accent:#05242b; --brass-text:#3fc0d2;
  --good:#63b183; --warn:#e0a35a; --crit:#e0776f; --indigo:#8a97f0; --indigo-soft:#20263f;
  --origin:#a891e6; --residence:#6f9be6;
  --shadow:    0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35);
  --shadow-lg: 0 2px 8px rgba(0,0,0,.4), 0 22px 60px rgba(0,0,0,.5);
}