/* theme1 — палитры в стиле Apple (решение владельца 08.10).
   09.10 (решение Игоря после сравнения): по умолчанию тёмная «Графит», поле вокруг слайда #121214 (темнее панелей, не чёрное);
   кнопки с белым текстом — свой синий --btn #0071e3 / наведение #0068d6 (контраст 4,7 и 5,3 : 1 вместо 3,65 у #0a84ff).
   Светлая: синий apple.com, голубая подложка у «Изменить слайд» / «Своё оформление» / Auto Split, мягкие разделители.
   Тёмная по умолчанию — «Чёрный» (как iPhone / Final Cut): поле вокруг слайда чёрное, панели #1c1c1e.
   Запасная тёмная — «Графит» (как macOS): в testapp.html у <body> поставить data-dark="grafit".
   А и Б отличаются только значениями переменных ниже; правила оформления общие. */

:root{--accent:#0071e3;--accent-hover:#0077ed;--muted:#6e6e73;--line:#e5e5ea;--selected:#e8f2fd;
 --edge:#d2d2d7;--blue:#0071e3;--blue-hover:#0077ed;--tint:rgb(0 113 227 / .08);--tint-hover:rgb(0 113 227 / .14);
 --btn:#0071e3;--btn-hover:#0068d6}

/* Тёмная «Чёрный» (по умолчанию) */
body.dark{--workspace:#000;--surface:#1c1c1e;--field:#2c2c2e;--ink:#fff;--muted:#8e8e93;--line:#2c2c2e;
 --accent:#409cff;--accent-hover:#69b1ff;--selected:#0f2a4a;--blue:#0a84ff;--blue-hover:#3394ff;
 --tint:rgb(10 132 255 / .18);--tint-hover:rgb(10 132 255 / .26);--bar:#1c1c1e;--ctrl:#2c2c2e;--ctrl-hover:#3a3a3c;
 --card:#2c2c2e;--card-field:#3a3a3c;--field-line:transparent}
/* Тёмная «Графит» (запасная): <body data-dark="grafit"> */
body.dark[data-dark=grafit]{--workspace:#121214;--surface:#232325;--field:#2c2c2f;--ink:#f5f5f7;--muted:#98989d;--line:#333336;
 --selected:#1a3352;--tint:rgb(10 132 255 / .16);--tint-hover:rgb(10 132 255 / .24);--bar:#232325;--ctrl:#323235;--ctrl-hover:#3d3d40;
 --card:#2b2b2e;--card-field:#38383b;--field-line:rgb(255 255 255 / .08)}

/* Общее для обеих тем: один синий вместо зашитого #0066cc */
button.primary{background:var(--btn);border-color:var(--btn);color:#fff}
button.primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
body.dark button.primary{background:var(--btn);border-color:var(--btn);color:#fff}
body.dark button.primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
.inspector-tabs button[aria-selected=true]{background:var(--btn)!important}
.preview-column .slide-item[aria-current=true]{box-shadow:0 0 0 2px var(--blue)}
.preview-column .slide-item[aria-current=true] canvas{outline-color:var(--blue)}
.setup-group[open]>summary{color:var(--accent)}
input[type=checkbox],input[type=range]{accent-color:var(--blue)}
.rich-badge:hover,.rich-badge.is-open{border-color:var(--blue);color:var(--accent)}

/* Голубая подложка вместо рамки: «Изменить слайд», «Своё оформление», Auto Split */
.preview-column .stage-heading #editCurrentSlide,.preview-column .stage-heading #quickSlideDesign{background:var(--tint);border-color:transparent;color:var(--accent)}
.preview-column .stage-heading #editCurrentSlide:hover,.preview-column .stage-heading #quickSlideDesign:hover{background:var(--tint-hover)}
.composer-actions button{color:var(--accent)}
.composer-actions #autoSplit,body.dark .composer-actions #autoSplit{background:var(--tint);border-color:transparent;color:var(--accent)}
.composer-actions #autoSplit:hover{background:var(--tint-hover)}

/* Светлая: рамки кнопок и полей #d2d2d7, разделители мягче (#e5e5ea через --line) */
body:not(.dark) button:not(.primary,.icon-button,.text-link,.mobile-done,.arrow-option,.theme-option,.slide-item,.brand-button,.rich-badge,[role=tab]):not(.format-toolbar-group>button):not(.mobile-nav button):not(#editCurrentSlide,#quickSlideDesign,#autoSplit){border-color:var(--edge)}
body:not(.dark) :is(select,textarea,input:not(#projectName,[type=checkbox],[type=radio],[type=range],[type=color],[type=file])),body:not(.dark) .rich-field,
body:not(.dark) .format-toolbar-group,body:not(.dark) .zoom-control,body:not(.dark) .slide-navigation .icon-button{border-color:var(--edge)}
body:not(.dark) .composer-actions button:hover{background:var(--tint)}

/* Тёмная: три уровня глубины (поле → панели → кнопки), кнопки без рамок с заливкой */
body.dark .topbar{background:var(--bar);border-bottom-color:var(--line)}
body.dark .workflow-panel,body.dark .inspector,body.dark .slide-settings-panel,body.dark .quick-slide-editor{background:var(--surface);border-color:var(--line)}
body.dark .stage,body.dark .canvas-area{background:var(--workspace)}
body.dark .slide-rail{background:var(--bar);border-color:var(--line)}
body.dark button:not(.primary,.icon-button,.text-link,.mobile-done,.arrow-option,.theme-option,.slide-item,.brand-button,.rich-badge,[role=tab]):not(.format-toolbar-group>button):not(.mobile-nav button){background:var(--ctrl);border-color:transparent;color:var(--ink)}
body.dark button:not(.primary,.icon-button,.text-link,.mobile-done,.arrow-option,.theme-option,.slide-item,.brand-button,.rich-badge,[role=tab]):not(.format-toolbar-group>button):not(.mobile-nav button):not(:disabled):hover{background:var(--ctrl-hover)}
body.dark .top-actions #shareButton{background:var(--ctrl);border-color:transparent;color:var(--ink)}
body.dark .top-actions #shareButton:hover{background:var(--ctrl-hover)}
body.dark .composer-actions button{background:var(--ctrl);border-color:transparent;color:var(--accent)}
body.dark .preview-column .stage-heading #editCurrentSlide,body.dark .preview-column .stage-heading #quickSlideDesign,body.dark .composer-actions #autoSplit{background:var(--tint);color:var(--accent)}
body.dark .format-toolbar-group{background:var(--ctrl);border-color:transparent}
body.dark .format-toolbar-group>button,body.dark .format-toolbar-group>.format-toolbar-color{border-right-color:rgb(255 255 255 / .06)}
body.dark :is(select,textarea,input:not(#projectName,[type=checkbox],[type=radio],[type=range],[type=color],[type=file])),body.dark .rich-field{background:var(--field);border-color:var(--field-line)}
body.dark .zoom-control,body.dark .slide-navigation .icon-button{background:var(--ctrl);border-color:transparent;box-shadow:none}
body.dark .zoom-control:hover,body.dark .slide-navigation .icon-button:not(:disabled):hover{background:var(--ctrl-hover);border-color:transparent}
body.dark .zoom-control select{background:transparent}
body.dark .setup-sub{background:var(--card)}
body.dark .setup-sub :is(select,textarea,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])){background:var(--card-field);border-color:transparent}
body.dark .preview-column .add-slide{background:var(--ctrl);color:var(--accent)}

/* Затемнение за окнами нейтральное, как у Apple (было синеватое #13203380) */
.modal::backdrop,.mobile-sheet::backdrop{background:rgb(0 0 0 / .32)}
body.dark .modal::backdrop,body.dark .mobile-sheet::backdrop{background:rgb(0 0 0 / .6)}

/* Цвет · Подложка · Размытие — отдельные пилюли, не одна полоса */
body.dark .format-toolbar-effects{background:transparent}
body.dark .format-toolbar-effects>.format-toolbar-color,body.dark .format-toolbar-effects>.format-toolbar-bokeh{background:var(--ctrl);border-color:transparent}
body.dark .format-toolbar-effects>.format-toolbar-color:hover,body.dark .format-toolbar-effects>.format-toolbar-bokeh:hover{background:var(--ctrl-hover)}

/* Мои шаблоны: воздух между кнопками (25.10) */
.template-section>button{margin-top:10px}
.template-section>button:first-of-type{margin-top:12px}