/* SAR Dashboard - CSS Variables & Color System */

:root {
  --ground: #F5F1E8;
  --panel: #FBF8F1;
  --panel-2: #F0EADB;
  --ink: #1A1E24;
  --ink-2: #4A4F58;
  --ink-3: #7A756B;
  --meta: #6B6B4A;
  --rule: #DED7C4;
  --rule-2: #EBE5D3;
  --m1: #B4522A;
  --m2: #2C6E70;
  --m3: #3C4A7A;
  --m1-soft: #F0DECF;
  --m2-soft: #D5E6E5;
  --m3-soft: #D9DEEC;
  --pos: #3A7A3E;
  --pos-soft: #D9E7D5;
  --warn: #C58A22;
  --warn-soft: #F0E6CE;
  --shadow: 0 1px 0 rgba(26, 30, 36, 0.03), 0 10px 30px -18px rgba(26, 30, 36, 0.18);
  --focus: #2C6E70;
  --radius: 12px;
  --nav-c: #2C6E70;
  --accent: #B4522A;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ground: #111316;
    --panel: #191C21;
    --panel-2: #20242A;
    --ink: #ECE5D3;
    --ink-2: #A9A498;
    --ink-3: #807B70;
    --meta: #8A8871;
    --rule: #262A31;
    --rule-2: #1F2228;
    --m1: #E28154;
    --m2: #5FB0AF;
    --m3: #8C9CD1;
    --m1-soft: #3A2418;
    --m2-soft: #163332;
    --m3-soft: #1E243B;
    --pos: #7CBE72;
    --pos-soft: #1D2E1B;
    --warn: #D8A85A;
    --warn-soft: #33291A;
    --shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 10px 30px -18px rgba(0, 0, 0, 0.8);
    --focus: #5FB0AF;
  }
}

:root[data-theme="dark"] {
  --ground: #111316;
  --panel: #191C21;
  --panel-2: #20242A;
  --ink: #ECE5D3;
  --ink-2: #A9A498;
  --ink-3: #807B70;
  --meta: #8A8871;
  --rule: #262A31;
  --rule-2: #1F2228;
  --m1: #E28154;
  --m2: #5FB0AF;
  --m3: #8C9CD1;
  --m1-soft: #3A2418;
  --m2-soft: #163332;
  --m3-soft: #1E243B;
  --pos: #7CBE72;
  --pos-soft: #1D2E1B;
  --warn: #D8A85A;
  --warn-soft: #33291A;
  --shadow: 0 1px 0 rgba(0, 0, 0, 0.5), 0 10px 30px -18px rgba(0, 0, 0, 0.8);
  --focus: #5FB0AF;
}

:root[data-theme="light"] {
  --ground: #F5F1E8;
  --panel: #FBF8F1;
  --panel-2: #F0EADB;
  --ink: #1A1E24;
  --ink-2: #4A4F58;
  --ink-3: #7A756B;
  --meta: #6B6B4A;
  --rule: #DED7C4;
  --rule-2: #EBE5D3;
  --m1: #B4522A;
  --m2: #2C6E70;
  --m3: #3C4A7A;
  --m1-soft: #F0DECF;
  --m2-soft: #D5E6E5;
  --m3-soft: #D9DEEC;
  --pos: #3A7A3E;
  --pos-soft: #D9E7D5;
  --warn: #C58A22;
  --warn-soft: #F0E6CE;
  --shadow: 0 1px 0 rgba(26, 30, 36, 0.03), 0 10px 30px -18px rgba(26, 30, 36, 0.18);
  --focus: #2C6E70;
}