/*
Theme Name: Tesla North 2026
Theme URI: https://teslanorth.com
Author: Tesla North
Description: Tesla North child of North Core: colours, compass-needle logo and Tesla-specific settings. Requires the North Core parent theme.
Template: north-core
Version: 1.9.1
Requires at least: 6.3
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: teslanorth
*/

/* Shared layout, fonts and components load from the North Core parent (style.css there). This file only holds what is Tesla North's. */

/* Colours: deep blue accent */
:root{--bg:#f7f8fa;--ink:#0f1115;--mut:#5d6470;--line:#d3d8df;--card:#fff;--ad:#eceff3;--acc:oklch(0.53 0.17 255);--ok:oklch(0.56 0.14 150);--hl:oklch(0.93 0.06 255);--f:'Geist','Geist Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;--fm:'Geist Mono','Geist Mono Fallback',ui-monospace,Menlo,monospace;color-scheme:light}
:root[data-theme=dark]{--bg:#0b0c0f;--ink:#eef0f4;--mut:#8f96a3;--line:#2e323b;--card:#14161b;--ad:#181b21;--acc:oklch(0.72 0.14 255);--ok:oklch(0.72 0.14 150);--hl:oklch(0.32 0.08 255);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0c0f;--ink:#eef0f4;--mut:#8f96a3;--line:#2e323b;--card:#14161b;--ad:#181b21;--acc:oklch(0.72 0.14 255);--ok:oklch(0.72 0.14 150);--hl:oklch(0.32 0.08 255);color-scheme:dark}}
.tn-slidein .tn-nl__msg.is-err{color:oklch(0.55 0.19 25)}

/* Logo 8a: lowercase Geist wordmark + compass needle (deep blue north, ink south). Margins offset the -.045em tracking after "a" and the left side-bearing of "n" so the ink gaps either side of the needle are equal (.12em). */
:root{--logo-n:#1f4fd1;--logo-s:var(--ink)}
:root[data-theme=dark]{--logo-n:#6f9bf0}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--logo-n:#6f9bf0}}
.tn-logo{flex-direction:row;align-items:baseline;gap:0;font:750 38px/1 var(--f);font-stretch:normal;font-style:normal;letter-spacing:-.045em;color:var(--ink);white-space:nowrap}
.tn-logo__b{color:var(--ink);font-weight:450}
.tn-logo__needle{width:.28em;height:.84em;margin:0 .042em 0 .153em;flex:none;display:block;position:relative;top:.12em;transition:transform .2s}
.tn-logo__n{fill:var(--logo-n)}
.tn-logo__s{fill:var(--logo-s)}
.tn-logo:hover .tn-logo__needle{transform:translateY(-1px)}
@media (max-width:1023px){.tn-logo{font-size:36px}}
@media (max-width:767px){.tn-logo{font-size:28px}}
@media (max-width:360px){.tn-logo{font-size:25px}}