/* Dokumint base reset + tokens */

:root {
    --bg: #111827;
    --bg-panel: #1f2937;
    --text: #e5e7eb;
    --text-muted: #9ca3af;
    --accent: #3bc5a2;
    --accent-hover: #2aa186;
    --radius: 8px;
		--doku-mint: #3bc5a2;
}

/* base.css */
.theme-dark {
  @apply bg-gray-900 text-gray-100;
}

.theme-light {
  @apply bg-gray-50 text-gray-900;
}

html, body {
    margin: 0;
    padding: 0;
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, sans-serif;
}

.doku-mint {
	color: var(--doku-mint);
}

.prose ul {
    list-style: disc;
    margin-left: 1.25rem;
    padding-left: 0.5rem;
}

.prose  ol {
    list-style: decimal;
    margin-left: 1.25rem;
    padding-left: 0.5rem;
}

.prose  li {
    margin: 0.25rem 0;
}

.prose h1 {
    font-size: 1.875rem; /* text-3xl */
    font-weight: 600;
    margin: 0.5em 0;
}

.prose h2 {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 600;
    margin: 0.5em 0;
}

.prose h3 {
    font-size: 1.25rem; /* text-xl */
    font-weight: 600;
    margin: 0.5em 0;
}

.prose p {
    margin: 0.25em 0;
}

.prose blockquote {
    border-left: 3px solid #374151; /* gray-700 */
    padding-left: 0.75rem;
    color: #9ca3af; /* gray-400 */
    margin: 0.5em 0;
}

.prose pre {
    background: #020617; /* slate-950-ish */
    padding: 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    overflow-x: auto;
}

.dm-source-mode .dm-wysiwyg-area {
    display: none!important;
}

.dm-source-mode textarea.source-editor {
    display: block!important;
}

.asset-icon svg {
	stroke: currentColor;
    fill: none;
	color: var(--accent);
}

#icon-preview svg {
    stroke: currentColor;
    fill: none;
}

/* Field config visibility */
.field-config-hidden {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    inset: 0;
}

.field-config-active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
}

/* --------------------------------------------
   Field builder micro-polish
--------------------------------------------- */

/* Smooth config swaps */
.field-config {
    transition: opacity 240ms ease-in-out;
}

/* Muted remove button until intent is clear */
.field-row .remove-field-btn {
    opacity: 0.35;
    transition: opacity 240ms ease-in-out, background-color 240ms ease-in-out;
}

.field-row:hover .remove-field-btn {
    opacity: 1;
}

/* Slight lift on hover to show card focus */
.field-row {
    transition: background-color 240ms ease-in-out, border-color 240ms ease-in-out;
}

.field-row:hover {
    background-color: #0f172a; /* subtle, dark-safe */
    border-color: #334155;
}

/* Behaviour label tone */
.field-row label {
    letter-spacing: 0.01em;
}

/* Drag cursor affordance */
.field-row {
    cursor: grab;
}

.field-row.dragging {
    cursor: grabbing;
}