/* Light theme for the account page, the owner console and the password pages (the dark gold look is the default).
   theme-boot.js sets data-theme on <html>; theme-toggle.js adds the button that switches it. */
:root[data-theme="light"] {
  --gk-bg: #f6f1e6; --gk-panel: rgba(255, 255, 255, .85); --gk-line: rgba(60, 45, 15, .12); --gk-line2: rgba(60, 45, 15, .22);
  --gk-text: #1f1a0e; --gk-muted: #5a5038; --gk-dim: #85795c; --gk-cyan: #8a6a18; --gk-cyan2: #a8841f; --gk-green: #b58f35; --gk-green2: #7a5a12;
  --gk-amber: #b45309; --gk-violet: #6d28d9; --gk-rose: #be123c;
  --ad-card: linear-gradient(160deg, #ffffff, #f8f1df);
  color-scheme: light;
}
:root[data-theme="light"] body.gk { background: var(--gk-bg); color: var(--gk-text); }
:root[data-theme="light"] .gk ::selection { color: #fff; }
:root[data-theme="light"] .gk-top, :root[data-theme="light"] .gk-nav { background: rgba(246, 241, 230, .92); border-color: var(--gk-line); }
:root[data-theme="light"] .gk-panel, :root[data-theme="light"] .glass { background: var(--gk-panel); box-shadow: 0 10px 30px -22px rgba(80, 60, 10, .4); }
:root[data-theme="light"] .gk-logo b { color: var(--gk-cyan); }
:root[data-theme="light"] .gk-btn { background: rgba(60, 45, 15, .05); border-color: var(--gk-line2); color: var(--gk-text); }
:root[data-theme="light"] .gk-btn:hover { background: rgba(60, 45, 15, .1); border-color: rgba(60, 45, 15, .35); }
:root[data-theme="light"] .gk-btn.primary { color: #1c1608; border: 0; }
:root[data-theme="light"] .gk-btn.danger { color: #9f1239; background: rgba(190, 18, 60, .08); border-color: rgba(190, 18, 60, .35); }
:root[data-theme="light"] .gk-lang { color: var(--gk-text); border-color: var(--gk-line2); background: rgba(60, 45, 15, .05); }
:root[data-theme="light"] .gk-input, :root[data-theme="light"] .gk-field input, :root[data-theme="light"] .gk-field select, :root[data-theme="light"] .gk-field textarea,
:root[data-theme="light"] .gk-table select, :root[data-theme="light"] .gk-table input, :root[data-theme="light"] .rel-steps, :root[data-theme="light"] .num-step { background: #fff; color: var(--gk-text); border-color: var(--gk-line2); }
:root[data-theme="light"] .gk-field label { color: #4a4128; }
:root[data-theme="light"] .gk-table thead th { background: #f1e8d0; color: var(--gk-muted); }
:root[data-theme="light"] .gk-table td { border-color: var(--gk-line); }
:root[data-theme="light"] .gk-table tbody tr:hover td { background: rgba(168, 132, 31, .07); }
:root[data-theme="light"] .gk-pill { color: var(--gk-text); }
:root[data-theme="light"] .gk-msg.ok { background: #e6f6ea; color: #14532d; border-color: #86c79a; }
:root[data-theme="light"] .gk-msg.err { background: #fde8ec; color: #881337; border-color: #f2a3b4; }
:root[data-theme="light"] .gk-msg.info { background: #fbf3dc; color: #5c4510; border-color: #e0c88a; }
:root[data-theme="light"] .gk-msg.show { box-shadow: 0 10px 28px rgba(80, 60, 10, .25); }
:root[data-theme="light"] .gk-tabs button { color: var(--gk-muted); }
:root[data-theme="light"] .gk-tabs button.on { color: var(--gk-text); }
:root[data-theme="light"] .gk-status .big, :root[data-theme="light"] .lic-code code { color: var(--gk-text); }
:root[data-theme="light"] .muted { color: var(--gk-muted); }
/* console widgets */
:root[data-theme="light"] .ad-kpi, :root[data-theme="light"] .ad-card { background: var(--ad-card); box-shadow: 0 10px 28px -22px rgba(80, 60, 10, .45); }
:root[data-theme="light"] .ad-kpi b, :root[data-theme="light"] .ad-kpi strong, :root[data-theme="light"] .ad-card h3, :root[data-theme="light"] .ad-dash b { color: var(--gk-text); }
:root[data-theme="light"] .ad-dash text, :root[data-theme="light"] .ad-card text { fill: var(--gk-muted); }
:root[data-theme="light"] .ad-dash .trk, :root[data-theme="light"] .ad-dash .grid line { stroke: rgba(60, 45, 15, .12); }
:root[data-theme="light"] .dd-btn, :root[data-theme="light"] .dd-list { background: #fff; color: var(--gk-text); border-color: var(--gk-line2); }
:root[data-theme="light"] .dd-item:hover, :root[data-theme="light"] .dd-item.act { background: rgba(168, 132, 31, .12); }
:root[data-theme="light"] .app-pill { color: var(--gk-text); }
:root[data-theme="light"] .app-pill.off { background: rgba(60, 45, 15, .06); color: var(--gk-dim); }
:root[data-theme="light"] .ad-confirm { background: rgba(60, 45, 15, .4); }
:root[data-theme="light"] .rel-drop { background: rgba(255, 255, 255, .6); }
:root[data-theme="light"] .num-step button, :root[data-theme="light"] .rel-steps button { color: #6b4f0e; }
:root[data-theme="light"] .num-step button { background: rgba(168, 132, 31, .1); }
:root[data-theme="light"] .ord-callout { background: #fbf3dc; }
:root[data-theme="light"] .ord-no, :root[data-theme="light"] .ord-callout b { color: #7a5a12; }
:root[data-theme="light"] .app-tab { background: rgba(255, 255, 255, .7); color: var(--gk-text); }
:root[data-theme="light"] .app-tab.on { background: #fbf3dc; }
:root[data-theme="light"] .gk-plan { background: #fff; }
:root[data-theme="light"] .gk-plan:has(input:checked) { background: #fbf3dc; }
:root[data-theme="light"] .who { color: var(--gk-text); }
:root[data-theme="light"] .gk-glow { opacity: .25; }

/* the theme button */
.theme-btn { display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0; border-radius: 10px; border: 1px solid var(--gk-line2); background: rgba(255, 255, 255, .04); color: var(--gk-text); cursor: pointer; transition: transform .25s, background .2s, border-color .2s; }
.theme-btn:hover { transform: rotate(18deg); background: rgba(255, 255, 255, .1); }
.theme-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.theme-btn .sun { display: none; } :root[data-theme="light"] .theme-btn .sun { display: block; } :root[data-theme="light"] .theme-btn .moon { display: none; }
:root[data-theme="light"] .theme-btn { background: rgba(60, 45, 15, .06); }
.gk, .gk-panel, .gk-btn, .gk-top, .ad-kpi, .ad-card, .gk-table td, .gk-field input, .gk-field select { transition-property: background-color, border-color, color, box-shadow, transform; }
/* the console sets its card background on its own containers, so the light value is set there too */
:root[data-theme="light"] :is(.ad-dash, .ad-grid, .ad-kpis, .ad-toolbar, .dd-list, .ad-tip) { --ad-card: linear-gradient(160deg, #ffffff, #f8f1df); }
:root[data-theme="light"] .ad-tip { background: #fff; color: var(--gk-text); border-color: var(--gk-line2); }
:root[data-theme="light"] .gk-panel[data-pane] { background: var(--ad-card, #fff); }
/* site.css styles every text field through a high-specificity selector, so the light value is set the same way */
:root[data-theme="light"] body.gk :is(select, textarea, input[type="text"], input[type="number"], input[type="search"], input[type="email"], input[type="password"], input[type="date"], input[type="url"], input:not([type])) { background-color: #fff; color: var(--gk-text); border-color: var(--gk-line2); }
:root[data-theme="light"] body.gk .num-step input { background-color: transparent; }
:root[data-theme="light"] .gk-btn.primary { background: linear-gradient(90deg, #bda062, #e0c88a); color: #1c1608; box-shadow: 0 10px 26px -12px rgba(150, 115, 30, .7); }
:root[data-theme="light"] .gk-btn.primary:hover { background: linear-gradient(90deg, #c7a96a, #ecd9a6); }

:root[data-theme="light"] .pr-editor { background: #fff; }
:root[data-theme="light"] .pr-bar { background: rgba(60, 45, 15, .04); }
:root[data-theme="light"] .pr-langs .gk-btn.on { color: #7a5a12; border-color: #a8841f; background: #fbf3dc; }

/* ======================================================================== the website (site.html, privacy page) in light mode */
:root[data-theme="light"] .gk-hero { background: radial-gradient(1200px 520px at 80% -10%, rgba(224, 200, 138, .35), transparent 60%), transparent; }
:root[data-theme="light"] .gk-sec.alt, :root[data-theme="light"] .gk-foot { background: rgba(120, 92, 25, .045); }
:root[data-theme="light"] .gk-foot { border-color: var(--gk-line); }
:root[data-theme="light"] .gk-badge { color: #6b4f0e; background: rgba(168, 132, 31, .12); border-color: rgba(168, 132, 31, .4); }
:root[data-theme="light"] .gk-hero h1 { color: var(--gk-text); }
:root[data-theme="light"] .gk-hero h1 .rot { background: linear-gradient(90deg, #8a6a18, #b58f35); -webkit-background-clip: text; background-clip: text; }
:root[data-theme="light"] .gk-hero h1 .rot .caret { background: #8a6a18; }
:root[data-theme="light"] .hero-seq b, :root[data-theme="light"] .gk-h2, :root[data-theme="light"] .gk-final h2 { color: var(--gk-text); }
:root[data-theme="light"] .gk-note, :root[data-theme="light"] .gk-sub, :root[data-theme="light"] .lead { color: var(--gk-muted); }
:root[data-theme="light"] .gk-stats div { background: linear-gradient(160deg, rgba(255, 255, 255, .9), rgba(248, 241, 223, .8)); box-shadow: 0 10px 26px -22px rgba(80, 60, 10, .5); }
:root[data-theme="light"] .gk-stats b { background: linear-gradient(90deg, #3a2e0a, #8a6a18); -webkit-background-clip: text; background-clip: text; }
:root[data-theme="light"] .gk-nav .gk-links a { color: var(--gk-muted); }
:root[data-theme="light"] .gk-nav .gk-links a:hover { color: var(--gk-text); background: rgba(60, 45, 15, .07); }
@media (max-width: 960px) { :root[data-theme="light"] .gk-links { background: #fffdf7; } }
/* cards */
:root[data-theme="light"] :is(.gk-tcard, .gk-prod, .gk-feat, .gk-card, .gk-step, .gk-acard, .gk-price, .gk-faq details, .gk-final) { background: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(250, 244, 228, .85)); border-color: var(--gk-line2); box-shadow: 0 12px 30px -24px rgba(80, 60, 10, .55); }
:root[data-theme="light"] .gk-feat { background: rgba(255, 255, 255, .8); box-shadow: none; }
:root[data-theme="light"] .gk-faq details[open] { background: #fbf3dc; }
:root[data-theme="light"] :is(.gk-tcard h3, .gk-prod h3, .gk-feat h4, .gk-card h4, .gk-step h4, .gk-acard h4, .gk-price h4, .gk-faq summary, .gk-price .amount b, .gk-price .amount) { color: var(--gk-text); }
:root[data-theme="light"] :is(.gk-tcard p, .gk-prod p, .gk-feat p, .gk-card p, .gk-step p, .gk-acard p, .gk-faq p, .gk-price li, .gk-price .for, .gk-acard li, .gk-price .amount span, .gk-price .per) { color: var(--gk-muted); }
:root[data-theme="light"] .gk-prod .tag, :root[data-theme="light"] .gk-tcard .tg { filter: saturate(.8) brightness(.78); }
:root[data-theme="light"] .gk-card .art { background: linear-gradient(135deg, var(--a), rgba(255, 255, 255, .7)); }
:root[data-theme="light"] .gk-card .uses span { background: rgba(60, 45, 15, .06); color: var(--gk-muted); border-color: var(--gk-line); }
:root[data-theme="light"] .gk-price.main { background: linear-gradient(160deg, #fdf6e0, #f3e6bd); border-color: #c7a96a; }
:root[data-theme="light"] .gk-price.org-card { background: linear-gradient(160deg, #f3ecff, #fbf6ee); border-color: rgba(109, 40, 217, .35); }
:root[data-theme="light"] .gk-price .appline span { color: var(--gk-text); background: rgba(255, 255, 255, .7); }
:root[data-theme="light"] .gk-price .ribbon { color: #1c1608; }
:root[data-theme="light"] .gk-price .lim, :root[data-theme="light"] .gk-price li.no { color: #9f1239; }
:root[data-theme="light"] .gk-toggle { background: rgba(60, 45, 15, .06); border-color: var(--gk-line2); }
:root[data-theme="light"] .gk-toggle button { color: var(--gk-muted); }
:root[data-theme="light"] .gk-toggle button.on { background: #fff; color: var(--gk-text); box-shadow: 0 3px 10px rgba(80, 60, 10, .15); }
:root[data-theme="light"] .price-group > h3 { color: #7a5a12; }
:root[data-theme="light"] .gk-enterprise, :root[data-theme="light"] .gk-foot, :root[data-theme="light"] .gk-foot a { color: var(--gk-muted); }
:root[data-theme="light"] .gk-foot a:hover, :root[data-theme="light"] .gk-foot .foot-mail a { color: #7a5a12; }
:root[data-theme="light"] .gk-enterprise a, :root[data-theme="light"] .gk-faq a { color: #7a5a12; }
/* the "in action" circles */
:root[data-theme="light"] .gk-show { --surface: #f6f1e6; --bg: #f6f1e6; --text: #1f1a0e; --text-2: #4a4128; --muted: #5a5038; --border: rgba(60, 45, 15, .18); --accent: #a8841f; background: transparent; }
:root[data-theme="light"] .gk-show .mode-scene { filter: none; }
:root[data-theme="light"] .gk-show .mode-body h2, :root[data-theme="light"] .gk-show .home-sec.tech b { color: var(--gk-text); }
:root[data-theme="light"] .gk-show .mode-body p, :root[data-theme="light"] .gk-show .home-sec.tech span { color: var(--gk-muted); }
:root[data-theme="light"] .gk-show .mode-card .orb-ring, :root[data-theme="light"] .gk-show .mode-scene { border-color: rgba(60, 45, 15, .25); }
/* privacy page */
:root[data-theme="light"] .legal p, :root[data-theme="light"] .legal li { color: #4a4128; }
:root[data-theme="light"] .legal h2, :root[data-theme="light"] .legal a { color: #7a5a12; }
:root[data-theme="light"] .legal .note { background: rgba(255, 255, 255, .7); }
/* a little room in the header for the theme button */
.gk-nav .gk-wrap { gap: 14px; } .gk-links { margin-inline-start: 6px; } .gk-links a { padding: 8px 10px; }