/* Global Branding - Typography Consistency */
:root {
  --brand-font-primary: "Segoe UI", Helvetica, Arial, "Apple Color Emoji", sans-serif;
  --brand-primary: #00E0E0;
  --brand-accent: #0D0D0D;
  --brand-surface: #F9F9F9;
  --brand-bg: #FFFFFF;
  --brand-text: #0D0D0D;
  --brand-link: #1A73E8;
  --brand-radius-secondary: 12px;
  --brand-radius-primary: 9999px;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--brand-font-primary) !important;
  font-size: 16px !important;
}

h1,
h2,
.brand-heading {
  font-family: var(--brand-font-primary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2 {
  font-size: 16px !important;
}

a {
  color: var(--brand-link);
}

/* Global button system (based on branding JSON) */
.btn,
button[type="submit"],
button[type="button"] {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
}

.btn:not(.btn-link):not(.btn-close) {
  border-radius: var(--brand-radius-secondary) !important;
  padding: 0.48rem 0.9rem !important;
  box-shadow: none !important;
}

.btn.btn-sm {
  padding: 0.36rem 0.7rem !important;
  border-radius: 10px !important;
}

.btn.btn-lg {
  padding: 0.56rem 1.05rem !important;
  border-radius: 14px !important;
}

html body .btn-primary,
html body .btn.btn-primary,
html body .btn-brand {
  background: var(--brand-accent) !important;
  border-color: var(--brand-accent) !important;
  color: #FFFFFF !important;
  border-radius: var(--brand-radius-primary) !important;
}

html body .btn-primary:hover,
html body .btn.btn-primary:hover,
html body .btn-brand:hover {
  background: #222222 !important;
  border-color: #222222 !important;
}

.btn-secondary,
.btn-outline-secondary,
.btn-outline-primary,
.btn-outline-info,
.btn-outline-success,
.btn-outline-warning,
.btn-outline-danger {
  border-radius: var(--brand-radius-secondary) !important;
}

.btn-secondary {
  background: var(--brand-surface) !important;
  color: var(--brand-text) !important;
  border-color: #e5e7eb !important;
}