/* Am I Overreacting? — Landing tokenları (DESIGN.md §2 / §2.1)
   Renkler yalnızca buradan gelir. js/core.js, /api/v1/app/config geçerli değer
   dönerse aynı değişkenleri :root üzerinde ezer; geçersiz/okunamayan değerde bunlar kalır. */

@font-face {
  font-family: "Archivo";
  src: url("../assets/fonts/Archivo-Variable.woff2") format("woff2-variations"),
       url("../assets/fonts/Archivo-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Marka (dinamik) */
  --am-i-overreacting-primary: #6C5CE7;
  --am-i-overreacting-primary-dark: #5146B8;
  --am-i-overreacting-primary-light: #EEEAFE;
  --am-i-overreacting-primary-deep: #1B1640;
  --am-i-overreacting-secondary: #A29BFE;
  --am-i-overreacting-mint: #2DF08F;
  --am-i-overreacting-mint-ink: #0CA86A;
  --am-i-overreacting-bg: #F5F4FB;
  --am-i-overreacting-card: #FFFFFF;
  --am-i-overreacting-card-soft: #F8F7FD;
  --am-i-overreacting-ink: #15131F;
  --am-i-overreacting-ink-low: #5B5870;
  --am-i-overreacting-ink-faint: #9A97AD;
  --am-i-overreacting-success: #0CA86A;
  --am-i-overreacting-warning: #F5A524;
  --am-i-overreacting-danger: #E5484D;
  --am-i-overreacting-info: #6C5CE7;
  --am-i-overreacting-vote-not: #0CA86A;
  --am-i-overreacting-vote-depends: #F5A524;
  --am-i-overreacting-vote-over: #E5484D;

  /* Koyu sahne yüzeyleri (DESIGN.md §9.1 "TEK TEMA"): hepsi primaryDeep'ten türetilir */
  --am-i-overreacting-surface: color-mix(in srgb, var(--am-i-overreacting-primary-deep) 94%, #fff);
  --am-i-overreacting-surface-soft: color-mix(in srgb, var(--am-i-overreacting-primary-deep) 90%, #fff);
  --am-i-overreacting-surface-raised: color-mix(in srgb, var(--am-i-overreacting-primary-deep) 92%, #fff);
  --am-i-overreacting-scene-low: color-mix(in srgb, var(--am-i-overreacting-primary-deep) 82%, #000);
  --am-i-overreacting-on-dark: #fff;
  --am-i-overreacting-on-dark-mid: rgb(255 255 255 / .72);
  --am-i-overreacting-on-dark-low: rgb(255 255 255 / .56);
  --am-i-overreacting-glass: rgb(255 255 255 / .08);
  --am-i-overreacting-glass-strong: rgb(255 255 255 / .14);

  /* Türetilmiş tonlar (formülle) */
  --am-i-overreacting-primary-soft: color-mix(in srgb, var(--am-i-overreacting-primary) 22%, transparent);
  --am-i-overreacting-mint-soft: color-mix(in srgb, var(--am-i-overreacting-mint) 16%, transparent);
  --am-i-overreacting-halo-a: color-mix(in srgb, var(--am-i-overreacting-primary) 55%, transparent);
  --am-i-overreacting-halo-b: color-mix(in srgb, var(--am-i-overreacting-secondary) 35%, transparent);
  --am-i-overreacting-halo-mint: color-mix(in srgb, var(--am-i-overreacting-mint) 18%, transparent);

  /* Şekil / derinlik */
  --am-i-overreacting-radius-xl: 24px;
  --am-i-overreacting-radius-lg: 18px;
  --am-i-overreacting-radius-md: 13px;
  --am-i-overreacting-radius-pill: 999px;
  --am-i-overreacting-shadow-sm: 0 1px 2px rgb(0 0 0 / .25), 0 4px 14px rgb(0 0 0 / .18);
  --am-i-overreacting-shadow-md: 0 2px 4px rgb(0 0 0 / .25), 0 18px 40px rgb(0 0 0 / .28);
  --am-i-overreacting-shadow-lg: 0 4px 10px rgb(0 0 0 / .3), 0 40px 90px rgb(0 0 0 / .45);
  --am-i-overreacting-shadow-primary: 0 2px 6px color-mix(in srgb, var(--am-i-overreacting-primary) 40%, transparent),
                                      0 14px 34px color-mix(in srgb, var(--am-i-overreacting-primary) 38%, transparent);

  /* Hareket */
  --am-i-overreacting-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --am-i-overreacting-dur: .35s;

  /* Yerleşim */
  --am-i-overreacting-gutter: 18px;
  --am-i-overreacting-max: 1180px;

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}