/* O tema é aplicado antes da primeira pintura e cobre a abertura e a página. */
.header-actions{display:flex;align-items:center;gap:13px}
.header-actions .header-cta{margin:0;white-space:nowrap}
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--bg);transition:border-color .2s,background .2s}
.theme-toggle:hover{border-color:var(--ink)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.theme-moon{display:none}
[data-theme="light"] .theme-sun{display:none}
[data-theme="light"] .theme-moon{display:block}

:root[data-theme="light"]{
  color-scheme:light;
  --bg:#ffffff;
  --ink:#151515;
  --muted:#666666;
  --line:#dedede;
  --logo-filter:brightness(1.05) contrast(1.15) invert(1);
  --theme-copy:#5b5b5b;
  --theme-ink:#202020;
  --theme-foreground:#2b2b2b;
  --theme-border:#cccccc;
  --theme-surface:#fafafa;
  --theme-stripe:#f5f5f5;
  --theme-panel:#ffffff;
  --theme-panel-alpha:#ffffffee;
  --theme-field:#f5f5f5;
  --theme-selected:#eeeeee;
  --theme-selected-border:#888888;
  --theme-separator:#d8d8d8;
  --theme-outline-border:#aaaaaa;
  --theme-inverse-bg:#1d1d1d;
  --theme-inverse-text:#ffffff;
  --theme-error:#9b3d20;
}
[data-theme="light"] ::selection{background:#dedede;color:#151515}
[data-theme="light"] .button-light:hover{background:#353535}
[data-theme="light"] .button-arrow{border-color:#686868}
[data-theme="light"] .intro-caption,[data-theme="light"] .intro-bottom{color:#656565}
[data-theme="light"] .intro-orbit ellipse{stroke:#444444}
[data-theme="light"] .intro-progress{background:#494949}
[data-theme="light"] .orbit-halo{background:radial-gradient(ellipse at 42% 54%,#00000008,transparent 63%)}
[data-theme="light"] .moon-object{filter:drop-shadow(-10px 14px 22px #00000012)}
[data-theme="light"] #moon-fill stop:nth-child(1){stop-color:#101010}
[data-theme="light"] #moon-fill stop:nth-child(2){stop-color:#262626}
[data-theme="light"] #moon-fill stop:nth-child(3){stop-color:#474747}
[data-theme="light"] #moon-fill stop:nth-child(4){stop-color:#6a6a6a}
[data-theme="light"] #moon-fill stop:nth-child(5){stop-color:#858585}
[data-theme="light"] .orbit-lines{stroke:#707070}
[data-theme="light"] .orbital-text{fill:#555555}
[data-theme="light"] .orbit-star>path{fill:#252525}
[data-theme="light"] .orbit-star>circle{stroke:#777777}
[data-theme="light"] .orbit-points{fill:#555555}
[data-theme="light"] .service summary:hover h3{color:#4c4c4c}
[data-theme="light"] .contact:before{border-color:#00000012;box-shadow:0 0 0 70px #00000005,0 0 0 140px #00000003}
[data-theme="light"] dialog{box-shadow:0 30px 110px #00000033}
[data-theme="light"] dialog::backdrop{background:#00000055}
[data-theme="light"] .demo-tabs{border-color:var(--theme-border)}
[data-theme="light"] .text-input::placeholder{color:#747474}
[data-theme="light"] .button-outline:hover{background:#eeeeee}

@media(max-width:1000px){.desktop-nav{margin-left:15px;gap:24px}.header-actions{gap:10px}}
@media(max-width:760px){.header-actions{gap:12px}.theme-toggle{width:34px;height:34px}.theme-toggle svg{width:17px;height:17px}.header-actions .header-cta{padding:9px 12px;gap:12px}}
@media(max-width:380px){.header-actions{gap:8px}.theme-toggle{width:32px;height:32px}.header-actions .header-cta{padding:8px 9px;gap:8px;font-size:8px}}
@media(max-width:350px){.site-header .brand{width:78px}.header-actions{gap:7px}.header-actions .header-cta{padding:8px 8px;gap:7px}}