:root{--barbershop-primary: #1a1a2e;--barbershop-accent: #f59e0b;--barbershop-bg: #0f0f14;--barbershop-bg-card: #1a1a24;--barbershop-bg-input: #12121a;--barbershop-text: #f4f4f5;--barbershop-text-muted: #a1a1aa;--barbershop-border: #3f3f46;--barbershop-success: #22c55e;--barbershop-warning: #eab308;--barbershop-error: #ef4444;--barbershop-radius: 12px;--barbershop-shadow: 0 4px 16px rgba(0, 0, 0, .35);--barbershop-nav-height: 64px;--barbershop-nav-safe-padding: 16px;--barbershop-nav-safe-padding: max(env(safe-area-inset-bottom, 0px), 16px);--barbershop-nav-total-height: calc(var(--barbershop-nav-height) + var(--barbershop-nav-safe-padding));--barbershop-header-height: 56px;--barbershop-on-primary: #ffffff;--barbershop-on-accent: #ffffff;--barbershop-accent-soft: rgba(245, 158, 11, .15);--barbershop-overlay: rgba(0, 0, 0, .65);--barbershop-nav-shadow: 0 -4px 20px rgba(0, 0, 0, .35);--barbershop-header-surface: rgba(255, 255, 255, .08);--barbershop-status-agendado-bg: rgba(59, 130, 246, .18);--barbershop-status-agendado-text: #93c5fd;--barbershop-status-confirmado-bg: rgba(34, 197, 94, .18);--barbershop-status-confirmado-text: #6ee7b7;--barbershop-status-em-atendimento-bg: rgba(245, 158, 11, .2);--barbershop-status-em-atendimento-text: #fbbf24;--barbershop-status-concluido-bg: rgba(161, 161, 170, .18);--barbershop-status-concluido-text: #d1d5db;--barbershop-status-cancelado-bg: rgba(239, 68, 68, .16);--barbershop-status-cancelado-text: #fca5a5;--barbershop-badge-active-bg: rgba(34, 197, 94, .16);--barbershop-badge-inactive-bg: rgba(161, 161, 170, .16);--barbershop-focus-ring: 0 0 0 2px rgba(245, 158, 11, .35);--barbershop-theme-color: #0f0f14}html[data-theme=light]{--barbershop-accent: #d97706;--barbershop-bg: #f4f4f5;--barbershop-bg-card: #ffffff;--barbershop-bg-input: #ffffff;--barbershop-text: #18181b;--barbershop-text-muted: #71717a;--barbershop-border: #e4e4e7;--barbershop-success: #16a34a;--barbershop-warning: #ca8a04;--barbershop-error: #dc2626;--barbershop-shadow: 0 4px 16px rgba(26, 26, 46, .08);--barbershop-accent-soft: rgba(217, 119, 6, .12);--barbershop-overlay: rgba(15, 15, 20, .55);--barbershop-nav-shadow: 0 -4px 20px rgba(0, 0, 0, .06);--barbershop-status-agendado-bg: rgba(59, 130, 246, .15);--barbershop-status-agendado-text: #2563eb;--barbershop-status-confirmado-bg: rgba(16, 185, 129, .15);--barbershop-status-confirmado-text: #059669;--barbershop-status-em-atendimento-bg: rgba(245, 158, 11, .18);--barbershop-status-em-atendimento-text: #d97706;--barbershop-status-concluido-bg: rgba(107, 114, 128, .15);--barbershop-status-concluido-text: #4b5563;--barbershop-status-cancelado-bg: rgba(239, 68, 68, .12);--barbershop-status-cancelado-text: #dc2626;--barbershop-badge-active-bg: rgba(22, 163, 74, .12);--barbershop-badge-inactive-bg: rgba(113, 113, 122, .12);--barbershop-focus-ring: 0 0 0 2px rgba(217, 119, 6, .28);--barbershop-theme-color: #f4f4f5}