@import url("./tokens/semantic.css");
@import url("./tokens/modes/dark.css");
@import url("./tokens/modes/light.css");
@import url("./tokens/presets/marketing.css");
@import url("./tokens/presets/restaurant.css");
@import url("./tokens/presets/hotel.css");
@import url("./tokens/presets/hospital.css");
@import url("./tokens/presets/event.css");
@import url("./tokens/presets/shop.css");
@import url("./tokens/presets/kanipos.css");
@import url("./tokens/presets/textile.css");
@import url("./tokens/presets/diet_kitchen.css");
@import url("./tokens/styles/glass.css");
@import url("./tokens/bridge.css");
@import url("./tokens/light-dashboard-fixes.css");

/* Default preset before JS/PHP sets vertical */
:root:not([data-preset]) {
  --gsd-primary: #6366f1;
  --gsd-primary-hover: #4f46e5;
  --gsd-primary-fg: #ffffff;
  --gsd-accent: #10b981;
  --gsd-accent-fg: #ffffff;
  --gsd-gradient: linear-gradient(135deg, #6366f1, #4f46e5);
}

body {
  background-color: var(--gsd-bg);
  color: var(--gsd-text);
}

.gsd-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gsd-border);
  background: var(--gsd-surface-solid, var(--gsd-card));
  color: var(--gsd-text);
  border-radius: var(--gsd-radius-md);
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.gsd-theme-toggle:hover {
  border-color: color-mix(in srgb, var(--gsd-primary) 45%, var(--gsd-border));
  color: var(--gsd-primary);
}