/* Merken · Tokens und Schriften
   Quelle der Werte: lib/core/theme/tokens.dart (MkColors, MkRadii, MkMotion,
   MkSpacing, MkSizes, MkShadows). Ändert sich dort etwas, hier nachziehen. */

/* ---------- Schriften, selbst gehostet (OFL) ---------- */
@font-face {
  font-family: "Anton";
  src: url("../fonts/anton-latin-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Anton";
  src: url("../fonts/anton-latin-ext-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-wght.woff2") format("woff2-variations"), url("../fonts/manrope-latin-wght.woff2") format("woff2");
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-ext-wght.woff2") format("woff2-variations"), url("../fonts/manrope-latin-ext-wght.woff2") format("woff2");
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Caveat";
  src: url("../fonts/caveat-latin-wght.woff2") format("woff2-variations"), url("../fonts/caveat-latin-wght.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Caveat";
  src: url("../fonts/caveat-latin-ext-wght.woff2") format("woff2-variations"), url("../fonts/caveat-latin-ext-wght.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- Tokens ---------- */
:root {
  /* MkColors */
  --mk-bg: #FAF8F2;            /* Papier */
  --mk-surface: #FFFFFF;       /* Sticker */
  --mk-surface-hi: #F1EDE4;    /* leise Flächen */
  --mk-text: #141414;          /* Tinte */
  --mk-text-soft: #5E5A52;     /* 6.4:1 auf Papier */
  --mk-muted: #6E695F;         /* >= 4.5:1 auf Papier */
  --mk-disabled: #B9B1A1;
  --mk-accent: #2B4BF2;        /* Kobalt: Handlung */
  --mk-accent-soft: rgba(43, 75, 242, .12);
  --mk-accent-deep: #1F3AD0;   /* Hover */
  --mk-danger: #C8361C;
  --mk-pink: #FF6FAE;          /* Witz */
  --mk-sun: #FFD23F;           /* Personen und Anlässe */
  --mk-sun-soft: #FFF3C4;
  --mk-sun-ink: #C98F00;       /* nur Deko, kein Text */
  --mk-hairline: rgba(20, 20, 20, .08);
  --mk-glass-border: rgba(20, 20, 20, .15);
  --mk-grid-line: rgba(20, 20, 20, .06);
  --mk-image-ph: #E9E3D6;

  /* Kategoriepunkte */
  --dot-tomato: #F0522F;
  --dot-mint: #2FA874;
  --dot-plum: #7A3FD0;
  --dot-ocean: #1E88C7;
  --dot-olive: #7C8B2E;
  --dot-rose: #D94F8A;
  --dot-sand: #B07A3A;
  --dot-slate: #5E6B7A;

  /* MkRadii */
  --r-tile: 16px;
  --r-tile-inner: 12px;
  --r-compact: 14px;
  --r-sheet: 26px;
  --r-button: 18px;
  --r-pill: 999px;

  /* MkSpacing / MkSizes */
  --gutter: 16px;
  --gap: 12px;
  --touch: 44px;
  --sticker-edge: 5px;
  --grid: 24px;
  --tilt: -2deg;                 /* heroTilt ≈ -0.035 rad */

  /* MkShadows */
  --sh-sticker: 0 0 0 1px rgba(0, 0, 0, .04), 0 3px 8px rgba(20, 20, 20, .10);
  --sh-sticker-up: 0 0 0 1px rgba(0, 0, 0, .04), 0 10px 22px rgba(20, 20, 20, .16);
  --sh-button: 0 0 0 4px #FFFFFF, 0 6px 14px 4px rgba(20, 20, 20, .18);

  /* MkMotion */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --rise: 300ms;
  --rise-slow: 600ms;
  --wobble: 2800ms;

  /* Schriften */
  --f-display: "Anton", "Impact", "Arial Narrow", sans-serif;
  --f-ui: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-hand: "Caveat", "Comic Sans MS", cursive;

  /* Seite */
  --wrap: 1200px;
}