:root {
  color-scheme: light;
  --bg-main: #f7f9fd;
  --bg-elevated: #ffffff;
  --bg-sidebar: #061d3d;
  --surface-glass: rgba(255, 255, 255, 0.72);
  --surface-glass-strong: rgba(255, 255, 255, 0.9);
  --surface-solid: #ffffff;
  --surface-muted: #f6f8fc;
  --surface-subtle: #eef3fa;
  --border-soft: rgba(32, 56, 95, 0.1);
  --border-strong: rgba(32, 56, 95, 0.2);
  --text-primary: #07152f;
  --text-secondary: #53647c;
  --text-muted: #7a879c;
  --accent-blue: #0d63f3;
  --accent-blue-strong: #004bd8;
  --accent-yellow: #f5c542;
  --accent-green: #16a66a;
  --accent-red: #df3347;
  --accent-orange: #c47c00;
  --shadow-soft: 0 18px 48px rgba(17, 33, 62, 0.07);
  --shadow-panel: 0 10px 30px rgba(20, 33, 56, 0.06);
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --sidebar-width: 212px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg-main: #111722;
  --bg-elevated: #182130;
  --bg-sidebar: #061528;
  --surface-glass: rgba(26, 36, 52, 0.72);
  --surface-glass-strong: rgba(28, 39, 56, 0.9);
  --surface-solid: #192231;
  --surface-muted: #202b3d;
  --surface-subtle: #263346;
  --border-soft: rgba(221, 229, 242, 0.12);
  --border-strong: rgba(221, 229, 242, 0.2);
  --text-primary: #edf3ff;
  --text-secondary: #b5c1d6;
  --text-muted: #8793a9;
  --accent-blue: #4f8cff;
  --accent-blue-strong: #74a6ff;
  --accent-yellow: #f0c34a;
  --accent-green: #41c989;
  --accent-red: #ff6678;
  --accent-orange: #f3b84b;
  --shadow-soft: 0 22px 60px rgba(0, 0, 0, 0.28);
  --shadow-panel: 0 18px 46px rgba(0, 0, 0, 0.24);
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--bg-main);
}

body.kaya-newdesign {
  margin: 0;
  min-height: 100vh;
  color: var(--text-primary);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(247, 249, 253, 0.94)),
    var(--bg-main);
  font: 14px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  overflow-x: hidden;
}

[data-theme="dark"] body.kaya-newdesign {
  background:
    linear-gradient(180deg, rgba(17, 23, 34, 0.92), rgba(17, 23, 34, 0.98)),
    var(--bg-main);
}

button,
input,
select,
textarea {
  font: inherit;
}

a {
  color: inherit;
}

.nd-icons {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}