/* Araç Takip — marka renkleri (koyu lacivert / mavi) */
:root {
    --arar-brand-50: #eff6ff;
    --arar-brand-100: #dbeafe;
    --arar-brand-200: #bfdbfe;
    --arar-brand-300: #93c5fd;
    --arar-brand-400: #60a5fa;
    --arar-brand-500: #3b82f6;
    --arar-brand-600: #2563eb;
    --arar-brand-700: #1d4ed8;
    --arar-brand-800: #1e40af;
    --arar-brand-900: #1e3a8a;
    --arar-brand-950: #172554;

    --arar-brand: var(--arar-brand-900);
    --arar-brand-dark: var(--arar-brand-950);
    --arar-brand-accent: var(--arar-brand-500);
    --arar-brand-accent-light: var(--arar-brand-400);
    --arar-brand-surface: var(--arar-brand-50);
    --arar-brand-border: var(--arar-brand-200);
    --arar-brand-text: var(--arar-brand-800);
    --arar-brand-on-dark: #e2e8f0;
    --arar-brand-on-dark-muted: #93c5fd;

    --arar-brand-gradient: linear-gradient(90deg, var(--arar-brand-900) 0%, var(--arar-brand-950) 100%);
    --arar-brand-gradient-accent: linear-gradient(90deg, var(--arar-brand-900), var(--arar-brand-500));
    --arar-brand-gradient-badge: linear-gradient(145deg, var(--arar-brand-400) 0%, var(--arar-brand-500) 55%, var(--arar-brand-900) 100%);
    --arar-brand-shadow: rgba(30, 58, 138, 0.35);
    --arar-brand-shadow-strong: rgba(30, 58, 138, 0.45);
    --arar-brand-ring: rgba(147, 197, 253, 0.35);
    --arar-brand-ring-strong: rgba(147, 197, 253, 0.5);
}