/* =================================================================
 * TECH-5607 — Admin Panel Foundation (AP-F0)
 * admin-tokens.css — Design System V3 token layer
 *
 * Bu dosya AdminPanel'in tüm `adm-*` bileşenlerinin temel CSS custom
 * property setini sağlar. `studio-tokens.css` ve `console-tokens.css`
 * paralel olarak yaşamaya devam eder; bu katman onları DEĞİŞTİRMEZ,
 * sadece üzerine yeni `--adm-*` ailesi ekler.
 *
 * Dark mode override → admin-theme-dark.css içinde
 * `[data-theme="dark"]` selector'ı ile yapılır.
 * ================================================================= */

:root {
    /* --- Primary palette (proposal styles.css'ten port) --- */
    --adm-primary: #5fa00e;
    --adm-primary-hover: #4d8a0a;
    --adm-primary-light: #a0e614;
    --adm-primary-tint: #d9f77a;
    --adm-primary-contrast: #ffffff;

    /* --- Surface palette --- */
    --adm-bg: #f4f5f3;
    --adm-surface: #ffffff;
    --adm-surface-soft: #fafaf8;
    --adm-surface-hover: #fafbf6;
    --adm-surface-sidebar: #ffffff;
    --adm-surface-topbar: rgba(255, 255, 255, 0.85);

    /* --- Text --- */
    --adm-text: #000000;
    --adm-text-strong: #000000;
    --adm-text-muted: rgba(0, 0, 0, 0.55);
    --adm-text-dim: rgba(0, 0, 0, 0.40);
    --adm-text-faint: rgba(0, 0, 0, 0.25);
    --adm-text-on-primary: #ffffff;

    /* --- Lines / borders --- */
    --adm-line: rgba(0, 0, 0, 0.06);
    --adm-line-strong: rgba(0, 0, 0, 0.10);
    --adm-line-input: rgba(0, 0, 0, 0.12);
    --adm-line-input-focus: rgba(95, 160, 14, 0.45);

    /* --- Status tones --- */
    --adm-status-green: #2d8a14;
    --adm-status-green-bg: rgba(95, 160, 14, 0.10);
    --adm-status-amber: #b66a00;
    --adm-status-amber-bg: rgba(255, 168, 0, 0.15);
    --adm-status-red: #c43d2d;
    --adm-status-red-bg: rgba(196, 61, 45, 0.12);
    --adm-status-blue: #2872d4;
    --adm-status-blue-bg: rgba(61, 138, 255, 0.12);
    --adm-status-gray: rgba(0, 0, 0, 0.55);
    --adm-status-gray-bg: rgba(0, 0, 0, 0.06);

    /* --- Spacing scale --- */
    --adm-space-1: 4px;
    --adm-space-2: 8px;
    --adm-space-3: 12px;
    --adm-space-4: 14px;
    --adm-space-5: 16px;
    --adm-space-6: 22px;
    --adm-space-7: 32px;

    /* --- Radius --- */
    --adm-radius-sm: 4px;
    --adm-radius-md: 8px;
    --adm-radius-lg: 12px;
    --adm-radius-pill: 999px;

    /* --- Shadow --- */
    --adm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --adm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --adm-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.18);

    /* --- Z-index --- */
    --adm-z-topbar: 10;
    --adm-z-sidebar: 90;
    --adm-z-backdrop: 95;
    --adm-z-drawer: 100;
    --adm-z-modal: 1100;
    --adm-z-popover: 120;

    /* --- Layout --- */
    --adm-sidebar-width: 248px;
    --adm-topbar-height: 60px;
    --adm-content-max: 1280px;

    /* --- Font families — TechLiberty marka fontları: Jost (gövde) + Russo One
       (başlık). Mono için Geist Mono (label/kod monospace hizası). --- */
    --adm-font-body: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --adm-font-mono: 'Geist Mono', ui-monospace, Menlo, Consolas, monospace;
    --adm-font-display: 'Russo One', 'Jost', system-ui, sans-serif;

    /* --- Transitions --- */
    --adm-transition-fast: 120ms ease;
    --adm-transition-base: 200ms ease;
    --adm-transition-slow: 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
}