/* CUE PRO / Gemini Theme Sync — shared site presentation layer */
:root {
  --gemini-indigo-950:#172554;
  --gemini-indigo-900:#1e3a8a;
  --gemini-indigo-800:#3730a3;
  --gemini-indigo-700:#4338ca;
  --gemini-orange-500:#f97316;
  --gemini-slate-900:#0f172a;
  --gemini-slate-800:#1e293b;
  --gemini-slate-700:#334155;
  --gemini-slate-600:#475569;
  --gemini-slate-500:#64748b;
  --gemini-slate-400:#94a3b8;
  --gemini-slate-300:#cbd5e1;
  --gemini-slate-200:#e2e8f0;
  --gemini-slate-100:#f1f5f9;
  --gemini-slate-50:#f8fafc;
}

html:not([data-theme="dark"]) body {
  color:var(--gemini-slate-900);
  background:var(--gemini-slate-100);
}

html:not([data-theme="dark"]) a { color:var(--gemini-indigo-800); }
html:not([data-theme="dark"]) a:hover { color:var(--gemini-indigo-700); }

/* Existing semantic theme tokens: align the whole public site with the Gemini palette. */
html:not([data-theme="dark"]) {
  --billiard-background:var(--gemini-slate-100);
  --billiard-foreground:var(--gemini-slate-900);
  --billiard-card:#fff;
  --billiard-card-foreground:var(--gemini-slate-800);
  --billiard-popover:#fff;
  --billiard-popover-foreground:var(--gemini-slate-900);
  --billiard-primary:var(--gemini-indigo-800);
  --billiard-primary-foreground:#fff;
  --billiard-muted:var(--gemini-slate-100);
  --billiard-muted-foreground:var(--gemini-slate-500);
  --billiard-border:var(--gemini-slate-200);
  --billiard-input:#fff;
  --billiard-ring:#6366f1;
  --billiard-surface:var(--gemini-slate-50);
  --billiard-accent:var(--gemini-orange-500);
  --billiard-accent-foreground:#fff;
  --billiard-glass-bg:rgba(255,255,255,.88);
  --billiard-glass-border:rgba(203,213,225,.8);
  --billiard-nav-bg:rgba(255,255,255,.94);
}

/* Common card/button/input language used by the existing pages. */
html:not([data-theme="dark"]) .card,
html:not([data-theme="dark"]) .card-box,
html:not([data-theme="dark"]) .product-card,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .section-card {
  border-color:var(--gemini-slate-200);
  background:#fff;
}

html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) select,
html:not([data-theme="dark"]) textarea {
  border-color:var(--gemini-slate-300);
  background:#fff;
  color:var(--gemini-slate-900);
}

html:not([data-theme="dark"]) button.primary,
html:not([data-theme="dark"]) .btn-primary,
html:not([data-theme="dark"]) .btn-gold {
  background:var(--gemini-indigo-800);
  border-color:var(--gemini-indigo-800);
  color:#fff;
}

/* Gemini product-admin layout: light-mode companion for the migrated editor. */
html:not([data-theme="dark"]) .layout .side {
  background:#fff;
  border-right-color:var(--gemini-slate-200);
}
html:not([data-theme="dark"]) .layout .nav a { color:var(--gemini-slate-600); }
html:not([data-theme="dark"]) .layout .nav a:hover,
html:not([data-theme="dark"]) .layout .nav a.active {
  background:var(--gemini-slate-100);
  color:var(--gemini-indigo-800);
}
html:not([data-theme="dark"]) .layout .main { background:var(--gemini-slate-100); }
html:not([data-theme="dark"]) .layout .top {
  background:rgba(255,255,255,.94);
  border-bottom-color:var(--gemini-slate-200);
}
html:not([data-theme="dark"]) .layout .card {
  background:#fff;
  border-color:var(--gemini-slate-200);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
html:not([data-theme="dark"]) .layout .status {
  background:#fff7ed;
  border-color:#fed7aa;
  color:#c2410c;
}
html:not([data-theme="dark"]) .layout .sku th {
  background:var(--gemini-slate-100);
  color:var(--gemini-slate-600);
}
html:not([data-theme="dark"]) .layout .drop {
  background:#fff;
  border-color:var(--gemini-slate-300);
}
html:not([data-theme="dark"]) .layout .thumb {
  background:var(--gemini-slate-100);
}
html:not([data-theme="dark"]) .layout .chip {
  background:#fff;
  border-color:var(--gemini-slate-300);
  color:var(--gemini-slate-700);
}
html:not([data-theme="dark"]) .layout .preview {
  background:var(--gemini-slate-50);
  border-color:var(--gemini-slate-200);
}
html:not([data-theme="dark"]) .layout .modal { background:rgba(15,23,42,.45); }
html:not([data-theme="dark"]) .layout .toast {
  background:#fff;
  color:var(--gemini-slate-900);
  border-color:#fed7aa;
  box-shadow:0 8px 24px rgba(15,23,42,.12);
}

@media(max-width:900px){
  html:not([data-theme="dark"]) .layout .side { background:#fff; }
}