/**
 * SellManager admin design tokens.
 * Change values here — components in admin.css / admin-i18n.css consume these vars.
 */

:root {
    /* Brand */
    --admin-color-brand: #1a7a52;
    --admin-color-brand-rgb: 26, 122, 82;
    --admin-color-brand-soft: rgba(var(--admin-color-brand-rgb), 0.1);
    --admin-color-brand-soft-strong: rgba(var(--admin-color-brand-rgb), 0.16);

    /* Surfaces */
    --admin-color-body: #d4dbe4;
    --admin-color-body-top: #d8e0e8;
    --admin-color-surface: #e7edf3;
    --admin-color-surface-2: #dde5ee;
    --admin-color-surface-raised: #eef2f6;
    --admin-color-surface-muted: #d0dae5;
    --admin-color-surface-inset: #d8e0ea;

    /* Text */
    --admin-color-text: #2a3544;
    --admin-color-text-muted: #5f6f82;
    --admin-color-text-on-brand: #ffffff;

    /* Borders & focus */
    --admin-color-border: rgba(42, 53, 68, 0.15);
    --admin-color-border-strong: rgba(42, 53, 68, 0.22);
    --admin-color-focus: rgba(var(--admin-color-brand-rgb), 0.35);

    /* Status */
    --admin-color-danger: #b85c67;
    --admin-color-danger-soft: rgba(184, 92, 103, 0.12);
    --admin-color-success: var(--admin-color-brand);
    --admin-color-success-soft: var(--admin-color-brand-soft);
    --admin-color-info: #4a6fa5;
    --admin-color-info-soft: rgba(74, 111, 165, 0.1);
    --admin-color-warning: #b8893a;
    --admin-color-warning-soft: rgba(184, 137, 58, 0.12);

    /* Typography */
    --admin-font-sans: 'Segoe UI', system-ui, sans-serif;
    --admin-font-rtl: 'Vazirmatn', 'Segoe UI', Tahoma, system-ui, sans-serif;
    --admin-font-mono: ui-monospace, 'Cascadia Code', 'Segoe UI Mono', Consolas, monospace;
    --admin-font-size-xs: 0.72rem;
    --admin-font-size-sm: 0.84rem;
    --admin-font-size-md: 0.95rem;
    --admin-font-size-lg: 1.15rem;
    --admin-font-size-xl: 1.35rem;
    --admin-line-height: 1.5;

    /* Spacing */
    --admin-space-1: 0.25rem;
    --admin-space-2: 0.5rem;
    --admin-space-3: 0.75rem;
    --admin-space-4: 1rem;
    --admin-space-5: 1.25rem;
    --admin-space-6: 1.5rem;
    --admin-space-8: 2rem;

    /* Layout */
    --admin-content-max: 1280px;
    --admin-header-pad-y: 0.85rem;
    --admin-header-pad-x: 1.25rem;
    --admin-main-pad-y: 1.5rem;
    --admin-main-pad-x: 1.25rem;

    /* Shape */
    --admin-radius-sm: 8px;
    --admin-radius-md: 14px;
    --admin-radius-lg: 18px;
    --admin-radius-pill: 999px;

    /* Elevation */
    --admin-shadow-sm: 0 2px 8px rgba(36, 48, 65, 0.04);
    --admin-shadow-md: 0 6px 20px rgba(36, 48, 65, 0.05);
    --admin-shadow-lg: 0 12px 32px rgba(36, 48, 65, 0.08);

    /* Motion */
    --admin-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --admin-duration-fast: 120ms;
    --admin-duration: 180ms;

    /* Z-index */
    --admin-z-header: 50;
    --admin-z-dropdown: 60;
    --admin-z-modal: 80;

    /* Theme color (PWA / browser chrome) */
    --admin-theme-color: var(--admin-color-brand);

    /* ---- Legacy aliases (existing class rules) ---- */
    --primary: var(--admin-color-brand);
    --primary-rgb: var(--admin-color-brand-rgb);
    --primary-soft: var(--admin-color-brand-soft);
    --body-bg: var(--admin-color-body);
    --surface: var(--admin-color-surface);
    --surface-2: var(--admin-color-surface-2);
    --surface-raised: var(--admin-color-surface-raised);
    --surface-muted: var(--admin-color-surface-muted);
    --surface-inset: var(--admin-color-surface-inset);
    --text: var(--admin-color-text);
    --text-muted: var(--admin-color-text-muted);
    --border: var(--admin-color-border);
    --danger: var(--admin-color-danger);
    --danger-soft: var(--admin-color-danger-soft);
    --success-soft: var(--admin-color-success-soft);
    --info-soft: var(--admin-color-info-soft);
    --radius: var(--admin-radius-md);
    --shadow: var(--admin-shadow-md);
    --shadow-sm: var(--admin-shadow-sm);
}