html[data-persona-theme] {
  --sq-theme-bg: #f8fafc;
  --sq-theme-text: #1f2937;
  --sq-theme-muted: #64748b;
  --sq-theme-surface: #ffffff;
  --sq-theme-border: #e2e8f0;
  --sq-theme-primary: #2563eb;
}

html[data-persona-theme] body {
  background: var(--sq-theme-bg) !important;
  color: var(--sq-theme-text) !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

html[data-persona-theme] .card,
html[data-persona-theme] .panel,
html[data-persona-theme] .content-card {
  background: var(--sq-theme-surface) !important;
  border-color: var(--sq-theme-border) !important;
  color: var(--sq-theme-text) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

html[data-persona-theme] .btn-primary,
html[data-persona-theme] .btn.btn-primary,
html[data-persona-theme] a.btn-primary,
html[data-persona-theme] input.btn-primary {
  background: var(--sq-theme-primary) !important;
  border-color: var(--sq-theme-primary) !important;
  color: #ffffff !important;
}

html[data-persona-theme] .btn-primary:hover,
html[data-persona-theme] .btn.btn-primary:hover,
html[data-persona-theme] a.btn-primary:hover {
  filter: brightness(0.95);
}

html[data-persona-theme] .btn-outline,
html[data-persona-theme] .btn.btn-outline,
html[data-persona-theme] .btn-outline-primary,
html[data-persona-theme] .btn.btn-outline-primary {
  color: var(--sq-theme-primary) !important;
  border-color: var(--sq-theme-primary) !important;
}

html[data-persona-theme] .text-muted {
  color: var(--sq-theme-muted) !important;
}

html[data-persona-theme] .alert-title,
html[data-persona-theme] .alert-title a {
  color: #111827 !important;
}

html[data-persona-theme="aoi"] {
  --sq-theme-bg: linear-gradient(180deg, #fff7fb 0%, #eef7ff 100%);
  --sq-theme-text: #1f2937;
  --sq-theme-muted: #64748b;
  --sq-theme-surface: #ffffff;
  --sq-theme-border: #fbcfe8;
  --sq-theme-primary: #db2777;
}

html[data-persona-theme="kenji"] {
  --sq-theme-bg: linear-gradient(180deg, #eef4ff 0%, #e2ecff 100%);
  --sq-theme-text: #0f172a;
  --sq-theme-muted: #475569;
  --sq-theme-surface: #ffffff;
  --sq-theme-border: #bfdbfe;
  --sq-theme-primary: #0369a1;
}

html[data-persona-theme="jijii"] {
  --sq-theme-bg: #fffbe6;
  --sq-theme-text: #1f2937;
  --sq-theme-muted: #4b5563;
  --sq-theme-surface: #ffffff;
  --sq-theme-border: #f59e0b;
  --sq-theme-primary: #b45309;
}

html[data-persona-theme="jijii"] body {
  font-size: 20px !important;
  line-height: 1.7 !important;
}

html[data-persona-theme="jijii"] .btn,
html[data-persona-theme="jijii"] button,
html[data-persona-theme="jijii"] input[type="submit"] {
  min-height: 52px;
  font-size: 1.05em !important;
  border-radius: 14px !important;
  padding: 0.6rem 1rem !important;
}

html[data-persona-theme="jijii"] input,
html[data-persona-theme="jijii"] select,
html[data-persona-theme="jijii"] textarea {
  font-size: 1em !important;
  min-height: 46px;
}

html[data-persona-theme="jijii"] .card,
html[data-persona-theme="jijii"] .panel,
html[data-persona-theme="jijii"] .content-card {
  border-width: 2px !important;
}