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;
  --sq-theme-link: #1d4ed8;
  --sq-theme-on-primary: #ffffff;
}

html[data-persona-theme] body {
  color: var(--sq-theme-text);
  accent-color: var(--sq-theme-primary);
}

html[data-persona-theme] a {
  color: var(--sq-theme-link);
}

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

/* Opt-in surface token for pages that explicitly want persona styling */
html[data-persona-theme] .sq-theme-surface {
  background: var(--sq-theme-surface) !important;
  border-color: var(--sq-theme-border) !important;
  color: var(--sq-theme-text) !important;
}

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: var(--sq-theme-on-primary) !important;
}

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="aoi"] {
  --sq-theme-bg: #fff7fb;
  --sq-theme-text: #1f2937;
  --sq-theme-muted: #64748b;
  --sq-theme-surface: #ffffff;
  --sq-theme-border: #fbcfe8;
  --sq-theme-primary: #db2777;
  --sq-theme-link: #be185d;
  --sq-theme-on-primary: #ffffff;
}

html[data-persona-theme="kenji"] {
  --sq-theme-bg: #0b1120;
  --sq-theme-text: #dbeafe;
  --sq-theme-muted: #93a8c9;
  --sq-theme-surface: #111a2d;
  --sq-theme-border: #2c3f63;
  --sq-theme-primary: #1d4ed8;
  --sq-theme-link: #93c5fd;
  --sq-theme-on-primary: #eff6ff;
}

html[data-persona-theme="kenji"] body {
  background-color: var(--sq-theme-bg);
}

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;
  --sq-theme-link: #92400e;
  --sq-theme-on-primary: #ffffff;
}

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;
}