/* London Live v3 Brand CSS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --ll-primary: #E8760A;
  --ll-primary-dark: #C4620A;
  --ll-charcoal: #1C1C1E;
  --ll-border: #E5E5EA;
  --ll-bg: #FAFAF8;
  --ll-radius: 10px;
}

body { font-family: 'Inter', system-ui, sans-serif; background-color: var(--ll-bg); }

header, .v-toolbar, .v-app-bar { background-color: var(--ll-charcoal) !important; }
.v-toolbar__title, .v-app-bar .v-btn { color: #fff !important; }

.v-application { --v-primary-base: #E8760A; --v-primary-darken1: #C4620A; }
.primary, .v-btn.primary { background-color: var(--ll-primary) !important; border-color: var(--ll-primary) !important; color: #fff !important; }
.primary--text { color: var(--ll-primary) !important; }

a { color: var(--ll-primary); }
a:hover { color: var(--ll-primary-dark); }

.v-card { border-radius: var(--ll-radius) !important; border: 1px solid var(--ll-border); transition: box-shadow 0.2s, transform 0.15s; }
.v-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important; transform: translateY(-2px); }

.v-btn:not(.v-btn--icon) { border-radius: 8px !important; font-weight: 600; text-transform: none !important; }

h1, h2, h3 { font-weight: 700; color: var(--ll-charcoal); }

footer { background-color: var(--ll-charcoal) !important; color: rgba(255,255,255,0.7) !important; }
footer a { color: rgba(255,255,255,0.85) !important; }

.v-chip { font-size: 12px; font-weight: 500; border-radius: 6px !important; }
.v-chip.primary { background-color: var(--ll-primary) !important; color: #fff !important; }