/* Shared semantic tokens — Vizyon LED brand defaults (overridden by layout :root) */
:root {
  --theme-ink: #0c1220;
  --theme-accent: #1a6cf7;
  --theme-accent-2: #ed1d26;
  --theme-bg: #f0f2f7;
  --theme-surface: #ffffff;
  --theme-muted: #6b7280;
  --theme-footer-bg: #0d1117;
  --theme-ink-rgb: 12, 18, 32;
  --theme-accent-rgb: 26, 108, 247;
  --theme-accent-2-rgb: 237, 29, 38;
  --theme-blue-dark: #1250c4;
  --theme-blue-light: #e8f0fe;
  --theme-navy-mid: #1a2540;
  --theme-brand-red: #ed1d26;
  --theme-brand-red-rgb: 237, 29, 38;
  --theme-radius-sm: 0.75rem;
  --theme-radius-md: 1.25rem;
  --theme-radius-lg: 1.75rem;
  --theme-radius-pill: 999px;
  --theme-font-sans: Manrope, system-ui, sans-serif;
  --theme-font-display: Outfit, Manrope, system-ui, sans-serif;
  --kf-primary: var(--theme-ink);
  --kf-secondary: var(--theme-accent);
}

body.kf-site {
  font-family: var(--theme-font-sans);
  color: var(--theme-ink);
  background-color: var(--theme-bg);
}

.font-display,
.kf-section-title,
.arv-section-title {
  font-family: var(--theme-font-display);
}

.text-apple,
.hover\:text-apple:hover {
  color: var(--theme-accent) !important;
}

.bg-apple {
  background-color: var(--theme-accent) !important;
}

.hover\:bg-apple-dark:hover,
.bg-apple-dark {
  background-color: var(--theme-blue-dark, var(--theme-accent)) !important;
  filter: none;
}

.border-apple {
  border-color: var(--theme-accent) !important;
}

.focus\:border-apple:focus,
.focus\:ring-apple\/20:focus {
  border-color: var(--theme-accent) !important;
  --tw-ring-color: rgba(var(--theme-accent-rgb), 0.2) !important;
}