/* ============================================================
   DM Menü Design Tokens — dm-tasarim-v1
   Tek kaynak: renk/spacing/radius/font token'ları.
   Açık tema :root'ta, koyu tema html[data-theme="dark"]'ta.
   Marka rengi (primary) admin panelden yönetilir; styles.blade.php
   bu dosyadan SONRA inline override basar.
   ============================================================ */

:root {
    /* Marka */
    --dm-primary: #E11D48;
    --dm-primary-hover: #BE123C;
    --dm-primary-soft: rgba(225, 29, 72, .10);
    --dm-primary-ring: rgba(225, 29, 72, .35);
    --dm-glow: 0 0 44px rgba(225, 29, 72, .13);
    --dm-on-primary: #ffffff;

    /* Yüzeyler */
    --dm-bg: #FAFAFB;
    --dm-bg-glass: rgba(250, 250, 251, .84); /* dm: buzlu sticky header */
    --dm-bg-2: #F3F3F6;
    --dm-surface: #FFFFFF;
    --dm-surface-2: #EDEDF2;
    --dm-border: #E7E7EC;
    --dm-border-strong: #D9D9E0;

    /* Metin */
    --dm-text: #131316;
    --dm-text-muted: #5F6470;
    --dm-text-faint: #8A8F9A;

    /* Nötr buton (açık temada koyu) */
    --dm-btn-neutral-bg: #131316;
    --dm-btn-neutral-text: #ffffff;

    /* Durumlar */
    --dm-success: #16A34A;
    --dm-warning: #D97706;
    --dm-danger: #DC2626;

    /* Tipografi */
    --dm-font-display: 'Sora', 'Figtree', system-ui, sans-serif;
    --dm-font-body: 'Figtree', system-ui, -apple-system, sans-serif;

    /* Şekil */
    --dm-radius-sm: 10px;
    --dm-radius: 16px;
    --dm-radius-lg: 22px;
    --dm-radius-pill: 999px;

    /* Gölge */
    --dm-shadow-sm: 0 1px 3px rgba(17, 17, 20, .07);
    --dm-shadow: 0 8px 28px rgba(17, 17, 20, .09);
    --dm-shadow-lg: 0 24px 60px rgba(17, 17, 20, .12);
    --dm-shadow-primary: 0 6px 24px rgba(225, 29, 72, .28);

    color-scheme: light;
}

html[data-theme="dark"] {
    --dm-primary: #E11D48;
    --dm-primary-hover: #F43F5E;
    --dm-primary-soft: rgba(225, 29, 72, .14);
    --dm-primary-ring: rgba(225, 29, 72, .45);
    --dm-glow: 0 0 44px rgba(225, 29, 72, .22);
    --dm-on-primary: #ffffff;

    --dm-bg: #0B0B0D;
    --dm-bg-glass: rgba(11, 11, 13, .76); /* dm: buzlu sticky header */
    --dm-bg-2: #101014;
    --dm-surface: #15151A;
    --dm-surface-2: #1B1B21;
    --dm-border: rgba(255, 255, 255, .09);
    --dm-border-strong: rgba(255, 255, 255, .16);

    --dm-text: #F5F5F7;
    --dm-text-muted: #9CA0AA;
    --dm-text-faint: #6E727C;

    --dm-btn-neutral-bg: #26262D;
    --dm-btn-neutral-text: #ffffff;

    --dm-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);
    --dm-shadow: 0 8px 28px rgba(0, 0, 0, .45);
    --dm-shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);
    --dm-shadow-primary: 0 6px 24px rgba(225, 29, 72, .35);

    color-scheme: dark;
}