/* GENERIERT aus /Users/jeremy/.claude/standards/design/tokens/primitives-color.css — nicht von Hand ändern.
   Neu holen: node /Users/jeremy/.claude/standards/design/scripts/install.mjs <ordner>
   Global gültig.
   Lokale Abweichungen gehören NICHT hierher, sondern in eine eigene Datei
   daneben, die nach diesem Generat geladen wird. */
/* PRIMITIVES — Farbskalen. GENERIERT von scripts/build-scales.mjs.
   NICHT VON HAND ÄNDERN. Ankerfarben und Zielkontraste stehen im Script.

   12 Stufen je Skala, jede Stufe mit fester Rolle:
     1–2   App-Background, abgesetzter Grund
     3–5   interaktive Flächen: normal / hover / aktiv
     6–8   Borders: subtle / default / strong
     9–10  Solid: Akzentfläche, Primary Button (+ hover)
     11–12 Text: gedämpft / voll

   Stufen 11 und 12 sind gegen Stufe 1/2 auf Kontrast gelöst, nicht gesetzt.
   Alle Borders sind solide Stufen — NIEMALS rgba. Dieselbe Alpha-Border rendert
   über zwei Untergründen als zwei Farben und macht die Hierarchie kaputt.

   Interne Ebene: Komponenten nutzen NUR semantic.css. */

:root {
  --navy-1: #161a20;
  --navy-2: #191d24;
  --navy-3: #1c2128;
  --navy-4: #22272e;
  --navy-5: #272d34;
  --navy-6: #383e46;
  --navy-7: #484f58;
  --navy-8: #636b76;
  --navy-9: #8993a1;
  --navy-10: #9aa4b2;
  --navy-11: #8e949b;
  --navy-12: #e2e5ea;

  --teal-1: #0c1d19;
  --teal-2: #04231c;
  --teal-3: #002820;
  --teal-4: #002f25;
  --teal-5: #00362b;
  --teal-6: #00493c;
  --teal-7: #005d4d;
  --teal-8: #007a66;
  --teal-9: #009880;
  --teal-10: #31a991;
  --teal-11: #56a390;
  --teal-12: #c6f2e5;

  --brand-1: #101c1a;
  --brand-2: #0d211d;
  --brand-3: #032721;
  --brand-4: #002e27;
  --brand-5: #00352d;
  --brand-6: #05483e;
  --brand-7: #155b4f;
  --brand-8: #2b776a;
  --brand-9: #006255;
  --brand-10: #227264;
  --brand-11: #6a9f93;
  --brand-12: #cfeee6;

  --green-1: #0c1e12;
  --green-2: #052410;
  --green-3: #00290e;
  --green-4: #003112;
  --green-5: #003816;
  --green-6: #004b21;
  --green-7: #00602c;
  --green-8: #007d3c;
  --green-9: #22a35a;
  --green-10: #40b46c;
  --green-11: #58a671;
  --green-12: #c8f5d3;

  --amber-1: #221708;
  --amber-2: #2a1900;
  --amber-3: #2f1c00;
  --amber-4: #372100;
  --amber-5: #3f2700;
  --amber-6: #553600;
  --amber-7: #6b4600;
  --amber-8: #916000;
  --amber-9: #c98a00;
  --amber-10: #da9c30;
  --amber-11: #b78b45;
  --amber-12: #fce1b9;

  --red-1: #2a1110;
  --red-2: #360d0d;
  --red-3: #450007;
  --red-4: #500008;
  --red-5: #5b000a;
  --red-6: #790011;
  --red-7: #94091e;
  --red-8: #c32f38;
  --red-9: #e5484d;
  --red-10: #f65e5f;
  --red-11: #dd6f6c;
  --red-12: #ffd8d4;

  --blue-1: #0e1b27;
  --blue-2: #0a1e31;
  --blue-3: #002140;
  --blue-4: #00274d;
  --blue-5: #002d58;
  --blue-6: #003f71;
  --blue-7: #03518a;
  --blue-8: #206db0;
  --blue-9: #2f80c8;
  --blue-10: #4591d8;
  --blue-11: #6298cc;
  --blue-12: #cfe9ff;
}

html.light {
  --navy-1: #fafdff;
  --navy-2: #f4faff;
  --navy-3: #eff6ff;
  --navy-4: #e9f0fa;
  --navy-5: #e2e9f3;
  --navy-6: #d3dbe5;
  --navy-7: #c7ceda;
  --navy-8: #7f8792;
  --navy-9: #7d8795;
  --navy-10: #6f7885;
  --navy-11: #646971;
  --navy-12: #2c2f32;

  --teal-1: #f3fffd;
  --teal-2: #e5fff9;
  --teal-3: #d5fff4;
  --teal-4: #bdffed;
  --teal-5: #adfbe6;
  --teal-6: #99eed8;
  --teal-7: #83e3cc;
  --teal-8: #229b84;
  --teal-9: #009880;
  --teal-10: #008871;
  --teal-11: #277767;
  --teal-12: #0f372f;

  --brand-1: #f3fffd;
  --brand-2: #e7fffa;
  --brand-3: #d8fff6;
  --brand-4: #ccfbf0;
  --brand-5: #bff6e9;
  --brand-6: #ade8db;
  --brand-7: #9bddcf;
  --brand-8: #4c9587;
  --brand-9: #006255;
  --brand-10: #005347;
  --brand-11: #407369;
  --brand-12: #1a3530;

  --green-1: #f5fff7;
  --green-2: #e9ffee;
  --green-3: #dbffe4;
  --green-4: #c3ffd4;
  --green-5: #affec5;
  --green-6: #9bf1b4;
  --green-7: #86e7a4;
  --green-8: #299e59;
  --green-9: #22a35a;
  --green-10: #0b934d;
  --green-11: #2a7948;
  --green-12: #10381f;

  --amber-1: #fffcf0;
  --amber-2: #fff8e5;
  --amber-3: #fff3da;
  --amber-4: #ffeccb;
  --amber-5: #ffe3b2;
  --amber-6: #ffd184;
  --amber-7: #fbc36c;
  --amber-8: #b37900;
  --amber-9: #c98a00;
  --amber-10: #b77b00;
  --amber-11: #8a5f12;
  --amber-12: #3f2904;

  --red-1: #fffbfa;
  --red-2: #fff6f5;
  --red-3: #fff1ef;
  --red-4: #ffe8e6;
  --red-5: #ffdedb;
  --red-6: #ffcac6;
  --red-7: #ffb8b3;
  --red-8: #df4b4f;
  --red-9: #e5484d;
  --red-10: #d13a41;
  --red-11: #ae4445;
  --red-12: #501b1b;

  --blue-1: #f8feff;
  --blue-2: #f2fbff;
  --blue-3: #ebf7ff;
  --blue-4: #e0f1ff;
  --blue-5: #d4ebff;
  --blue-6: #bbdeff;
  --blue-7: #a4d3ff;
  --blue-8: #408bd0;
  --blue-9: #2f80c8;
  --blue-10: #2171b5;
  --blue-11: #376c9e;
  --blue-12: #16304a;
}
