/* Aksons · dark.css: the lot book after hours (client request, 2026-11).
   html[data-theme=dark] is set before paint from the visitor's choice (header switch, saved in
   localStorage 'ak-theme') or, until they choose, their device setting. The paper turns to a warm
   near-black and the ink to paper; the site's black plates (finance, rev pedal, the dark rows, the
   studio stage) sit one step lighter than the page and keep their light-mode insides. */

html[data-theme='dark'] {
	--ak-paper: #0f0f0e;
	--ak-sheet: #171715;
	--ak-well: #1e1e1c;
	--ak-ink: #f1f0eb;
	--ak-ink-2: #d0cfc9;
	--ak-ink-3: #9d9c95;
	--ak-ink-4: #6f6e68;
	--ak-rule: rgba(241, 240, 235, .13);
	--ak-rule-2: rgba(241, 240, 235, .27);
	--ak-rule-solid: #2b2b28;
	--ak-black: #1c1c1a;
	--ak-plate: #1c1c1a;
	--ak-plate-2: #262624;
	color-scheme: dark;
}

/* The black plates: one step above the page, their contents exactly as in light mode. */
html[data-theme='dark'] :is(.ak-ink, .ak-newest.is-dark, .ak-site .sec.finance, .ak-visit__map, .ak-rev, .stage, .calc__out, .studiocta, .lightbox, .studio) {
	--ak-paper: #f6f6f4;
	--ak-sheet: #ffffff;
	--ak-well: #ececE9;
	--ak-ink: #0b0b0b;
	--ak-ink-2: #34342f;
	--ak-ink-3: #62625c;
	--ak-ink-4: #9a9a93;
	--ak-rule: rgba(11, 11, 11, .14);
	--ak-rule-2: rgba(11, 11, 11, .28);
	color-scheme: dark;
	box-shadow: inset 0 0 0 1px rgba(241, 240, 235, .06);
}

/* Glass bars and overlays that were tinted paper. */
html[data-theme='dark'] .ak-bar { background: rgba(15, 15, 14, .92); }
@supports (backdrop-filter: blur(1px)) { html[data-theme='dark'] .ak-bar { background: rgba(15, 15, 14, .78); } }
html[data-theme='dark'] .ak-carnav { background: rgba(15, 15, 14, .9); }
@supports (backdrop-filter: blur(1px)) { html[data-theme='dark'] .ak-carnav { background: rgba(15, 15, 14, .78); } }
html[data-theme='dark'] .ak-searchov { background: rgba(15, 15, 14, .98); }
/* Chips that sit on photographs keep a dark glass in dark mode (their text is now light). */
html[data-theme='dark'] :is(.ak-save, .ak-lotc__count, .ak-ib--line, .ak-gal__n, .ak-walk__arr) { background: rgba(15, 15, 14, .82); }
html[data-theme='dark'] .ak-save[aria-pressed='true'] { background: var(--ak-ink); }

/* Studio photographs on white walls: a hair darker so they don't glare on the night page. */
html[data-theme='dark'] :is(.ak-card__media, .ak-cover__img, .ak-gal, .ak-walk, .ak-upclose__frame, .ak-brands__card) img { filter: brightness(.94); }

/* The footer's pressed wordmark: debossed into the dark paper. */
html[data-theme='dark'] .ak-end__pressin { color: #171716; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .05)) drop-shadow(0 -1px 0 rgba(0, 0, 0, .6)); }
html[data-theme='dark'] .ak-end__t2 { color: #6f6e68; }

/* Up close: the lens bezel and veil follow the page. */
html[data-theme='dark'] .ak-lens__img { box-shadow: 0 0 0 7px var(--ak-paper), 0 0 0 8px rgba(241, 240, 235, .14), 0 44px 70px -26px rgba(0, 0, 0, .9); }

/* Brand marks and body icons read in ink, which is now paper. Cards lift a little. */
html[data-theme='dark'] .ak-brands__card { border-color: var(--ak-rule); }
html[data-theme='dark'] .ak-conc__card { box-shadow: 0 0 0 1px var(--ak-rule), 0 40px 70px -50px rgba(0, 0, 0, .9); }
html[data-theme='dark'] .ak-conc__opt span::before { box-shadow: inset 0 0 0 4px var(--ak-sheet); }

/* The Ask tag on its string, and the floating buttons. */
html[data-theme='dark'] .ak-tag__pin { box-shadow: 0 0 0 3px var(--ak-paper), 0 2px 6px rgba(0, 0, 0, .6); }
html[data-theme='dark'] .ak-site .ask__btn { box-shadow: 0 0 0 1px rgba(241, 240, 235, .3), 0 12px 30px -10px rgba(0, 0, 0, .8); }

/* Form fields. */
html[data-theme='dark'] .ak-site select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23f1f0eb' stroke-width='1.5'/%3E%3C/svg%3E"); }

/* ---------- the switch (header) ---------- */
.ak-mode { position: relative; }
.ak-mode__i { position: absolute; inset: 0; display: grid; place-items: center; transition: opacity .4s var(--ak-ease), transform .6s var(--ak-ease); }
.ak-mode__i .ic { width: 20px; height: 20px; }
.ak-mode__sun { opacity: 0; transform: rotate(-60deg) scale(.6); }
html[data-theme='dark'] .ak-mode__sun { opacity: 1; transform: none; }
html[data-theme='dark'] .ak-mode__moon { opacity: 0; transform: rotate(60deg) scale(.6); }
.ak-menu__mode { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; padding: 0; border: 0; background: none; color: var(--ak-ink); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }

/* The switch: lights go out (or on) in a circle from the button (View Transitions where supported). */
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
html.is-moding::view-transition-new(root) { animation: akModeIn .75s cubic-bezier(.76, 0, .24, 1) both; }
@keyframes akModeIn { from { clip-path: circle(0 at var(--mx, 90%) var(--my, 4%)); } to { clip-path: circle(var(--mr, 150vmax) at var(--mx, 90%) var(--my, 4%)); } }
@media (prefers-reduced-motion: reduce) { html.is-moding::view-transition-new(root) { animation: none; } }