/*
 * Naftalan Travel — Shared design tokens
 * Single source of truth for Default (B2C), Admin and Partner themes.
 * See Dizayn-Texniki-Tapsirig.md bölmə 3–4 üçün əsaslandırma.
 * Rənglər/şriftlər dəyişəndə YALNIZ bu fayl redaktə olunur.
 */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap');

:root {
    /* ---- Brand colors — "Wellness Teal" (Dizayn TT bölmə 3.2, Variant B) ---- */
    --color-primary:      #0891B2;
    --color-primary-dark: #0E7490;
    --color-on-primary:   #FFFFFF;
    --color-secondary:    #22D3EE;
    --color-accent:       #16A34A; /* CTA / sifariş düymələri */
    --color-accent-dark:  #15803D;
    --color-on-accent:    #FFFFFF;

    --color-background: #F0FDFA;
    --color-surface:     #FFFFFF;
    --color-foreground: #134E4A;
    --color-muted:       #E8F1F6;
    --color-muted-fg:    #5B7A78;
    --color-border:      #CCFBF1;
    --color-destructive: #DC2626;
    --color-ring:        #0891B2;

    /* ---- Booking status colors — bütün 3 interfeysdə DƏYİŞMƏZ (bölmə 3.3) ---- */
    --status-pending:    #D97706; /* pending_payment / unpaid */
    --status-confirmed:  #16A34A; /* confirmed / paid */
    --status-cancelled:  #DC2626; /* cancelled */
    --status-completed:  #475569; /* completed */
    --status-pending-bg:    #FEF3C7;
    --status-confirmed-bg:  #DCFCE7;
    --status-cancelled-bg:  #FEE2E2;
    --status-completed-bg:  #E2E8F0;

    /* ---- Typography ---- */
    --font-heading: 'Lora', Georgia, 'Times New Roman', serif;
    --font-body:    'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

    /* ---- Spacing scale ---- */
    --space-1: 4px;  --space-2: 8px;  --space-3: 16px;
    --space-4: 24px; --space-5: 32px; --space-6: 48px; --space-7: 64px;

    /* ---- Radius ---- */
    --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px;

    /* ---- Shadows ---- */
    --shadow-card:   0 1px 3px rgba(19, 78, 78, .08);
    --shadow-raised: 0 4px 12px rgba(19, 78, 78, .14);

    /* ---- Motion ---- */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
}

/* ---------------------------------------------------------------------------
 * Shared status-badge component (bölmə 3.3 və 5) — Admin/Partner/B2C eyni class-ları
 * istifadə edir ki, sifariş statusu hər yerdə eyni rəngdə görünsün.
 * ------------------------------------------------------------------------- */
.status-badge {
    display: inline-flex;
    align-items: center;
    gap: .35em;
    padding: .25em .65em;
    border-radius: 999px;
    font-family: var(--font-body);
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}
.status-badge--pending   { color: var(--status-pending);   background: var(--status-pending-bg); }
.status-badge--confirmed { color: var(--status-confirmed); background: var(--status-confirmed-bg); }
.status-badge--cancelled { color: var(--status-cancelled); background: var(--status-cancelled-bg); }
.status-badge--completed { color: var(--status-completed); background: var(--status-completed-bg); }

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