/*
 * tokens.css — Wildflover "Mythmaker" tasarım sistemi (renk, tipografi, ölçek)
 * Created by: Maki
 * Developed by: Maki
 * Created: 2026-06-23
 *
 * Tema: Crimson Lunar — mythmk.jpg'den türetilmiş palet (kırmızı + altın + teal
 * + ivory). Token adları korunur; eski bileşenler bu değerlere otomatik uyar.
 * Not: backdrop-filter (blur) bilinçli olarak KULLANILMAZ — GPU maliyeti.
 */

:root {
  /* ── zemin & yüzeyler (deep wine charcoal) ── */
  --bg:        #140a0c;
  --bg-2:      #1b0f11;
  --glass:     rgba(28, 16, 18, .82);
  --glass-2:   rgba(36, 20, 22, .9);
  --surface:   rgba(28, 16, 18, .82);
  --surface-2: rgba(20, 11, 13, .6);

  /* ── kenarlıklar (crimson tint) ── */
  --border:      rgba(214, 59, 54, .18);
  --border-soft: rgba(214, 59, 54, .10);
  --border-gold: rgba(224, 177, 90, .22);

  /* ── tipografi renkleri (warm ivory) ── */
  --text:  #f6ece9;
  --muted: #d2bcb6;
  --dim:   #9c8079;

  /* ── marka & aksan renkleri ── */
  --ember:      #e0463b;   /* primary crimson (eski ad korunur) */
  --ember-deep: #b2231d;   /* deep crimson */
  --crimson:    #e0463b;
  --rose:       #f0a98f;
  --peach:      #f0a98f;   /* warm rose (eski ad korunur) */
  --gold:       #e0b15a;
  --teal:       #4fd1c0;   /* lunar teal aksan */
  --jade:       #2fae8f;

  /* ── semantik durum renkleri ── */
  --green: #6fe0a0;
  --red:   #ff7a6a;
  --amber: #f3c46b;
  --blue:  #7cc4ff;

  /* ── degradeler ── */
  --grad:        linear-gradient(135deg, #e3463b, #b2231d);
  --grad-soft:   linear-gradient(135deg, rgba(227, 70, 59, .18), rgba(178, 35, 29, .08));
  --grad-gold:   linear-gradient(135deg, #e9bd6a, #c0902f);
  --grad-teal:   linear-gradient(135deg, #5fd6c8, #2c9c8a);
  --grad-green:  linear-gradient(135deg, #22c55e, #15803d);
  --grad-red:    linear-gradient(135deg, #ef4444, #b91c1c);
  --bar-grad:    linear-gradient(90deg, #5a160c, #d63b36, #e8a07a, #d63b36, #5a160c);

  /* ── köşe yarıçapları ── */
  --r-xs: 8px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-pill: 99px;

  /* ── gölgeler ── */
  --shadow:      0 18px 48px rgba(0, 0, 0, .6);
  --shadow-sm:   0 8px 22px rgba(0, 0, 0, .4);
  --shadow-glow: 0 12px 30px rgba(214, 59, 54, .35);

  /* ── hareket ── */
  --t-fast: .14s;
  --t-mid:  .2s;
  --t-slow: .32s;
  --ease:   cubic-bezier(.2, .9, .3, 1.05);

  /* ── tipografi (Üye İstatistikleri ile aynı hiyerarşi) ── */
  --font-sans: 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'Cascadia Code', 'Consolas', monospace;
  --text-2xs: 10px;
  --text-xs:  11px;
  --text-sm:  12px;
  --text-base: 13px;
  --text-md:  14px;
  --text-lg:  17px;
  --weight-medium:   600;
  --weight-semibold: 700;
  --weight-bold:     800;
  --leading-tight:  1.3;
  --leading-snug:   1.35;
  --leading-normal: 1.55;
  --tracking-tight:  -0.015em;
  --tracking-label:  0.08em;
}