/* Amani textile language: charcoal ground, milk paper and warm gold. */
body { background: var(--page); color: var(--ink); transition: background-color .2s ease, color .2s ease; }
.sidebar { background: #20201e; color: #f7f3e8; }
.weave { height: 16px; background: url('/amani-print.svg') center 64% / 72px 72px repeat-x; border-block: 1px solid #d3ad5c55; }
.sidebar-bottom { position: relative; }
.sidebar-bottom::before { content: ''; display: block; height: 52px; margin: 0 9px 18px; opacity: .55; background: url('/amani-print.svg') center / 64px 64px repeat-x; border: 1px solid #d3ad5c55; }
.new-button, .button.primary { background: var(--gold); border-color: var(--gold); color: #20201e; }
.new-button:hover, .button.primary:hover { background: #e5c575; }
.topbar, .form-panel, .preview-panel { background: var(--surface); color: var(--ink); }
.topbar, .form-panel, .preview-panel, .panel-heading, .preview-heading, .preview-bottom { border-color: var(--line); }
.top-actions a, .text-link, .preview-bottom strong, .mobile-menu { color: var(--gold-ink); }
.status i { background: var(--gold); }
.theme-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 7px 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); color: var(--ink); font-size: 10px; font-weight: 700; white-space: nowrap; }
.theme-toggle:hover { border-color: var(--gold); }
.theme-toggle #theme-icon { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); color: #20201e; font-size: 17px; line-height: 1; }
.intro-art { background: radial-gradient(circle at 60% 42%, #454033, #20201e 69%); }
.intro-art::before { background: url('/amani-print.svg') center / 192px 192px repeat; opacity: .62; }
.intro-art::after { border-color: #d3ad5c8a; }
.art-card { background: #1b1a18e8; border-color: #d3ad5c8a; }
.art-monogram { color: #f3dfa7; text-shadow: 0 8px 30px #000b; }
.print-band { height: 32px; background: #20201e url('/amani-print.svg') center 78% / 96px 96px repeat-x; border-block: 2px solid var(--gold); }
.builder-section { background: var(--soft); }
.platform-card { border-color: var(--line); }
.platform-card.selected { background: color-mix(in srgb, var(--gold) 14%, var(--surface)); border-color: var(--gold); }
.selected .selection-dot { border-color: var(--gold-ink); }
.platform-icon, .panel-index { background: color-mix(in srgb, var(--gold) 15%, var(--surface)); color: var(--gold-ink); }
.form-fields .field-label { display: block; margin: 14px 0 8px; color: var(--ink); font-size: 11px; font-weight: 800; }
.form-fields input:not([type=radio]), .form-fields textarea { background: var(--input); color: var(--ink); border-color: var(--line); }
.form-fields input::placeholder, .form-fields textarea::placeholder { color: var(--muted); opacity: .76; }
.preview-tabs { background: var(--soft); }
.preview-tabs button.active { background: var(--surface); color: var(--gold-ink); }
.preview-stage { background: radial-gradient(circle at center, #f8f4e9, #e9e2d2); }
.mock-rail { background: #20201e; }
.mock-rail span:first-child { background: var(--gold); color: #20201e; }
.mock-action { color: #20201e; }
.outline { background: var(--surface); color: var(--gold-ink); border-color: var(--line); }
.outline:hover { background: var(--soft); }
.platforms { position: relative; overflow: hidden; background: #25231f; }
.platforms::before { content: ''; position: absolute; inset: 0 0 0 42%; opacity: .12; background: url('/amani-print.svg') center / 192px 192px repeat; pointer-events: none; }
.platforms > * { position: relative; }
.platform-grid article { background: #20201ebf; border-color: #d3ad5c66; }
.platform-art { border-color: #d3ad5c99; color: #e1bd6f; }
footer { background: #171715; }

html[data-theme='dark'] .intro p,
html[data-theme='dark'] .section-head p,
html[data-theme='dark'] .panel-heading p,
html[data-theme='dark'] .platform-card small,
html[data-theme='dark'] .preview-bottom span,
html[data-theme='dark'] .process p,
html[data-theme='dark'] .local-note { color: var(--muted); }
html[data-theme='dark'] .preview-stage { background: radial-gradient(circle at center, #3b3830, #252420); }
html[data-theme='dark'] .mock-browser { background: #fffdf7; color: #20201e; border-color: #d7cdbc; }
html[data-theme='dark'] .mock-top { border-color: #e6ddcf; }
html[data-theme='dark'] .mock-main h3 { color: #20201e; }
html[data-theme='dark'] .mock-main p,
html[data-theme='dark'] .mock-cards small { color: #6f695e; }
html[data-theme='dark'] .mock-cards div { border-color: #e6ddcf; }
html[data-theme='dark'] .mock-cards span { color: #805c1d; }
html[data-theme='dark'] .mock-action { color: #20201e; }
html[data-theme='dark'] .platform-card:not(.selected) { background: #282721; }
html[data-theme='dark'] .source-view { border-color: var(--line); }
@media (max-width: 470px) { .theme-toggle #theme-label { display: none; } .theme-toggle { padding: 6px; } }
@media (prefers-reduced-motion: reduce) { body { transition: none; } }