/* ========================================
   ACCOUNT FORM - Orange Theme
   Extends editor_form.css. All styles scoped
   under .editor-form.account-theme.
   ======================================== */

/* Header gradient - orange */
.editor-form.account-theme .editor-header {
  background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%); /* token-ok: orange, no token equivalent */
}

[data-theme="dark"] .editor-form.account-theme .editor-header {
  background: linear-gradient(135deg, #9a3412 0%, #7c2d12 100%); /* token-ok: orange dark, no token equivalent */
  border: 1px solid rgba(253, 186, 116, 0.3); /* token-ok: orange-300 alpha glow */
}

/* Section focus state - orange */
.editor-form.account-theme .editor-section:focus-within {
  border-color: #f97316; /* token-ok: orange-500, no token equivalent */
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1); /* token-ok: orange-500 alpha */
}

[data-theme="dark"] .editor-form.account-theme .editor-section:focus-within {
  border-color: #fb923c; /* token-ok: orange-400, brighter for contrast against raised surface */
  box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.35); /* token-ok: orange-400 alpha dark */
}

/* Section header icon color */
.editor-form.account-theme .editor-section-header .icon {
  color: #ea580c; /* token-ok: orange-600, no token equivalent */
}

[data-theme="dark"] .editor-form.account-theme .editor-section-header .icon {
  color: #fb923c; /* token-ok: orange-400, no token equivalent */
}