/*
  Miradot – Design Tokens

  KOPIE – hier nicht bearbeiten.
  Quelle:     brand/tokens.css (Repository miradot-brand)
  Stand:      08.11.2026
  Kopiert am: 10.11.2026

  Änderungen gehen immer zuerst in brand/BRAND.md, dann in brand/tokens.css,
  dann als neue Kopie hierher. Richtung nur brand -> website, nie zurück.
*/

:root {
  /* Ember Red – warmer Markenakzent, Anker ember-600 */
  --ember-50: #FDF3EF;
  --ember-100: #F8E4DC;
  --ember-200: #F0C3B3;
  --ember-300: #E6A18B;
  --ember-400: #D57B60;
  --ember-500: #BE6044;
  --ember-600: #A64B30;
  --ember-700: #883C28;
  --ember-800: #672F22;
  --ember-900: #45231D;

  /* Light Iris – kühler Markenakzent, Anker iris-300 */
  --iris-50: #F6F4FE;
  --iris-100: #ECE8FC;
  --iris-200: #D7CFF8;
  --iris-300: #B4A9F0;
  --iris-400: #9C8BDF;
  --iris-500: #8370CB;
  --iris-600: #6B58B2;
  --iris-700: #55428F;
  --iris-800: #41356B;
  --iris-900: #302849;

  /* Neutral – neutral-500 und neutral-700 bewusst nicht definiert (V1) */
  --neutral-50: #FBFAF8;
  --neutral-100: #F7F3EF;
  --neutral-200: #E8E2E3;
  --neutral-300: #D8D1D7;
  --neutral-400: #B5AEB7;
  --neutral-600: #6E6975;
  --neutral-800: #37343E;
  --neutral-900: #24222A;
  --neutral-950: #19171F;

  /* Markenfarben, sprechend benannt (siehe BRAND.md Abschnitt 3) */
  --brand-ember: var(--ember-600);   /* Ember Red */
  --brand-iris: var(--iris-300);     /* Light Iris */
  --brand-graphite: var(--neutral-900); /* Deep Graphite */
  --brand-chalk: var(--neutral-100);    /* Chalk White */
  --brand-stone: var(--neutral-400);    /* Stone Grey */

  /* Schrift (siehe BRAND.md Abschnitt 4) */
  --font-brand: "Instrument Sans Variable", "Instrument Sans", sans-serif;
  --font-feature-brand: "ss01" 1, "ss02" 1, "ss04" 1, "ss07" 1, "ss08" 1, "ss09" 1;
}