/*
 * Graphite Studio / Mineral Paper
 * Light companion to the selected dark direction. It deliberately keeps the
 * same compact geometry and interaction model; only visual materials change.
 */

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) {
  --canvas: #ecefeb;
  --surface: #f7f8f5;
  --surface-raised: #ffffff;
  --surface-tint: #f5e7e6;
  --surface-soft: #f0f2ee;
  --ink: #393d3a;
  --ink-strong: #181b19;
  --muted: #6c726d;
  --faint: #969c97;
  --line: #d8dcd8;
  --line-strong: #c5cbc6;
  --accent: #cf6469;
  --accent-deep: #b84f55;
  --accent-hot: #dc7868;
  --accent-soft: #f5e2e2;
  --accent-wash: #faeeee;
  --blush: #dda0a2;
  --rose: #cf6469;
  --tone-1: #f7eceb;
  --tone-2: #f1dddc;
  --tone-3: #e8cbc8;
  --tone-4: #f2eae0;
  --tone-5: #eae0df;
  --sage: #8c7567;
  --sage-soft: #eee9e3;
  --amber: #b97757;
  --nav: #e4e8e3;
  --nav-soft: #eef0ec;
  --nav-muted: #737a74;
  --blue-select: #cf6469;
  --shadow: 0 24px 54px rgba(46, 52, 48, 0.12);
  --shadow-soft: 0 8px 24px rgba(46, 52, 48, 0.08);
  background: var(--canvas);
  color: var(--ink);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])::selection {
  background: rgba(207, 100, 105, 0.22);
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) * {
  scrollbar-color: #aeb4af transparent;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) *::-webkit-scrollbar-thumb {
  background: #aeb4af;
  background-clip: padding-box;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) button,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) input,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) select,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) textarea,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .themed-select-trigger {
  border-color: var(--line);
  background-color: var(--surface-raised);
  color: var(--ink);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) input::placeholder,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) textarea::placeholder {
  color: #929893;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) input:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) select:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) textarea:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .themed-select-trigger:hover {
  border-color: #b7bdb8;
  background: #fbfcf9;
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) input:focus,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) select:focus,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) textarea:focus,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .themed-select.is-open .themed-select-trigger {
  border-color: rgba(207, 100, 105, 0.7);
  box-shadow: 0 0 0 3px rgba(207, 100, 105, 0.11);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) button:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .secondary:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .ghost:hover {
  border-color: #b7bdb8;
  background: #f4f6f2;
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fffaf8;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .primary:hover {
  border-color: var(--accent-deep);
  background: var(--accent-deep);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(184, 79, 85, 0.18);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .secondary,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .ghost {
  border-color: var(--line);
  background: var(--surface-raised);
  color: var(--ink);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) :is(
  .themed-select-menu,
  .workflow-actions,
  .operator-notification-panel,
  .operator-notification-peek,
  .modal-card
) {
  border-color: var(--line-strong);
  background: #ffffff;
  box-shadow: var(--shadow);
}

/* Frame and navigation */
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .workspace,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .shell {
  background: var(--canvas);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar {
  border-color: #d0d5d0;
  background: var(--nav);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-brand-copy strong {
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .rb-mark {
  border-color: rgba(255, 255, 255, 0.78);
  background: var(--accent);
  box-shadow: inset 0 0 0 1px rgba(93, 42, 45, 0.08);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-center-label {
  background: #f1dedf;
  color: #a7474d;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-center-label::before {
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(207, 100, 105, 0.1);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-item,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-control {
  border-color: transparent;
  background: transparent;
  color: #636963;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-item:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-control:hover {
  background: #edf0ec;
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-item.is-active {
  background: #f4e3e3;
  color: #272b28;
  box-shadow: inset 0 0 0 1px rgba(207, 100, 105, 0.1);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-item .nav-icon,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-control .nav-icon {
  color: #727872;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-item.is-active .nav-icon {
  color: #a7474d;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .menu-toggle {
  border-color: #ced3ce;
  background: #eef1ed;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar-appearance-toggle {
  opacity: 0.82;
}

/* Shared paper surfaces */
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) :is(
  .settings-card,
  .dashboard-primary-card,
  .dashboard-stats-card,
  .dashboard-panel,
  .account-hero,
  .account-section,
  .calendar-table,
  .pool-form,
  .pool-list-panel,
  .knowledge-category-panel,
  .knowledge-library-panel,
  .knowledge-asset-editor-panel,
  .keyword-strategy-hero,
  .keyword-card,
  .settings-left-panel,
  .settings-side-panel,
  .case-study-sidebar,
  .case-study-editor,
  .speech-panel,
  .image-compose-main,
  .image-preview-rail,
  .draft-sidebar,
  .draft-main,
  .final-sidebar,
  .final-main,
  .final-actions-panel,
  .system-settings > section,
  .system-settings > aside,
  .usage-box,
  .backup-manager-box,
  .cover-demo-panel
) {
  border-color: var(--line);
  background: var(--surface);
  box-shadow: none;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) :is(
  .dashboard-task-item,
  .dashboard-quick-action,
  .account-file-card,
  .knowledge-asset-card,
  .keyword-pill,
  .pool-card,
  .asset-item-card,
  .case-study-item,
  .speech-prompt-item,
  .draft-card,
  .final-card
) {
  border-color: var(--line);
  background: var(--surface-raised);
  box-shadow: none;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) :is(
  .dashboard-task-item,
  .dashboard-quick-action,
  .account-file-card,
  .knowledge-asset-card,
  .pool-card,
  .asset-item-card,
  .case-study-item,
  .speech-prompt-item,
  .draft-card,
  .final-card
):hover {
  border-color: #bbc1bc;
  background: #f9faf7;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) :is(
  .status-pill,
  .type-chip,
  .dashboard-role-badge,
  .account-terminal-badge
) {
  border-color: #cdd2cd;
  background: #eef1ed;
  color: #59605a;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .empty-state {
  border-color: var(--line);
  background: #f2f4f0;
  color: var(--muted);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .dashboard-primary-card,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .dashboard-stats-card,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .dashboard-panel,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .account-hero,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .account-section,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .keyword-strategy-hero,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .pool-form,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .pool-list-panel {
  background: var(--surface);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .dashboard-progress-track {
  background: #dfe3df;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .account-avatar {
  border-color: #d9979a;
  background: var(--accent);
  color: #fffaf8;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .knowledge-category-item.is-active,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .case-study-item.is-active {
  border-color: rgba(207, 100, 105, 0.3);
  background: var(--accent-soft);
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .keyword-pill {
  color: #565c57;
}

/* Tables, tabs and workflow controls */
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .calendar-controlbar,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="calendar"] .calendar-controlbar,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="chaseHit"] .calendar-controlbar,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) :is(
  .speech-topbar,
  .create-toolbar,
  .image-compose-toolbar,
  .draft-toolbar,
  .final-toolbar
) {
  border-color: var(--line);
  background: var(--canvas);
  box-shadow: none;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .creation-mode-tabs,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .workflow-bar {
  border-color: var(--line);
  background: #f2f4f0;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .creation-mode-tab.is-active,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .step-tab.is-active,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .pool-template-tab.is-active {
  border-color: #e2c9c8;
  background: #f5e5e5;
  color: #a7474d;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .calendar-table {
  background: var(--surface);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .calendar-table .table-head {
  border-color: var(--line);
  background: #eef1ed;
  color: var(--muted);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .calendar-date-section:nth-child(even) {
  background: rgba(50, 57, 52, 0.018);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .chase-hit-header,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .chase-hit-card {
  border-color: var(--line);
  background: var(--surface);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .chase-hit-card:hover {
  border-color: #bbc1bc;
  background: #fbfcf9;
}

/* Radar keeps the dark version's exact information architecture. */
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .shell {
  background: var(--canvas);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] #radarView::after {
  border-color: var(--line);
  background: #f4f6f2;
  color: var(--muted);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-command-panel,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-results-panel {
  border-color: var(--line);
  background: var(--surface);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-keyword-field,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-collection-panel,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-wordcloud-panel {
  border-color: var(--line);
  background: #f4f6f2;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-keyword-option:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-card:hover {
  background: #eef1ed;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-settings-drawer summary,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-collection-panel .radar-settings-drawer summary {
  background: #eef1ed;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-wordcloud-body {
  border-color: var(--line);
  background: #f8f9f6;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-wordcloud-cloud {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px var(--line);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-search-field input,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-search-field input:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-search-field input:focus {
  border-color: var(--line);
  background: #ffffff;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-card-actions a {
  border-color: var(--line);
  background: #f4f6f2;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-semantic-panel {
  background: #f1f3ef;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="radar"] .radar-pagination {
  border-color: var(--line);
  background: var(--surface);
}

/* Material, creation, draft and final workspaces */
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-toolbar,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-toolbar::before {
  background: var(--canvas);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-toolbar-actions button,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-shooting-list-link {
  border-color: var(--line);
  background: var(--surface-raised);
  color: var(--ink);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-toolbar-actions button:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-shooting-list-link:hover {
  border-color: #b7bdb8;
  background: #f4f6f2;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-item-card {
  border-color: var(--line);
  background: var(--surface-raised);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-browser-panel {
  border-color: var(--line);
  background: #f2f4f0;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"])[data-current-view="material"] .asset-item-list > .empty-state:only-child {
  background: var(--surface);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) :is(
  .speech-panel,
  .create-grid > section,
  .create-grid > aside,
  .image-compose-main,
  .image-preview-rail,
  .draft-layout > section,
  .draft-layout > aside,
  .final-layout > section,
  .final-layout > aside
) {
  border-color: var(--line);
  background: var(--surface);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .speech-result,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .speech-textarea,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .create-editor,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) [contenteditable="true"] {
  border-color: var(--line);
  background: #fbfcf9;
  color: var(--ink);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .speech-material-toggle.is-active,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .generation-mode-btn.primary {
  border-color: rgba(207, 100, 105, 0.3);
  background: var(--accent-soft);
  color: #9f4147;
  box-shadow: inset 3px 0 0 var(--accent);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .generation-mode-btn.primary:hover {
  border-color: rgba(207, 100, 105, 0.48);
  background: #f1dada;
  color: #8f373d;
  box-shadow: inset 3px 0 0 var(--accent);
}

/* Login uses the same mineral-paper material system. */
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-view {
  --login-ink: #181b19;
  --login-muted: #6c726d;
  --login-line: #d8dcd8;
  --login-violet: #cf6469;
  --login-violet-deep: #b84f55;
  --login-coral: #cf6469;
  --login-sky: #c5cbc6;
  background: var(--canvas);
  color: var(--ink);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-brand strong,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-story h1 {
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-version {
  border-color: var(--line);
  background: #f6f7f4;
  color: var(--muted);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-shell {
  border-color: var(--line-strong);
  background: #e9ece8;
  box-shadow: 0 28px 70px rgba(46, 52, 48, 0.14);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-story,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-panel {
  background: var(--surface);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-story {
  border-color: var(--line);
  background: #f2f4f0;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-track-node,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-floating-card {
  border-color: var(--line);
  background: #ffffff;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-track-node::after {
  background: #f0dada;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-floating-card-primary div {
  background: #e1e5e1;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-role-switch {
  border-color: var(--line);
  background: #eef1ed;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-role-switch button.is-active,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-role-switch button[aria-selected="true"] {
  background: #f3e1e1;
  color: #a7474d;
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-input-wrap,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-input-wrap input,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-input-wrap input:hover,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-input-wrap input:focus {
  border-color: var(--line);
  background: #fbfcf9;
  color: var(--ink-strong);
}

html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-view .login-submit,
html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .login-view .login-submit:hover {
  border-color: var(--accent);
  background: var(--accent);
  color: #fffaf8;
}

@media (max-width: 980px) {
  html[data-visual-theme="graphite-studio"] body:not([data-appearance="deep-dark"]) .sidebar {
    border-color: #d0d5d0;
  }
}