:root {
  --lia-green: #0f8f61;
  --lia-green-dark: #087c53;
  --lia-green-deep: #046747;
  --lia-green-soft: #dff7ed;
  --lia-mint: #9ce7c8;
  --lia-bg: #eef3f4;
  --lia-panel: #f8fafb;
  --lia-panel-soft: #edf4f5;
  --lia-text: #17202a;
  --lia-muted: #6d7b86;
  --lia-user: #d8f8bc;
  --lia-assistant: #e9f8fc;
  --lia-white: #ffffff;
  --lia-shadow: 10px 10px 28px rgba(21, 36, 50, 0.14), -8px -8px 22px rgba(255, 255, 255, 0.78);
  --lia-soft-shadow: 6px 8px 18px rgba(23, 38, 50, 0.13), -5px -5px 14px rgba(255, 255, 255, 0.74);

  --dignyx-bg: #eef1f6;
  --dignyx-card: #f7f9fc;
  --dignyx-text: #243041;
  --dignyx-shadow: 8px 8px 20px rgba(31, 45, 61, 0.12), -8px -8px 20px rgba(255, 255, 255, 0.8);
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--lia-text);
  background: var(--lia-bg);
}

button,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

.dignyx-page {
  background: var(--dignyx-bg);
  color: var(--dignyx-text);
}

.dignyx-shell {
  min-height: 100vh;
  padding: 32px;
}

.dignyx-card {
  max-width: 960px;
  margin: 0 auto;
  padding: 28px;
  border-radius: 26px;
  background: var(--dignyx-card);
  box-shadow: var(--dignyx-shadow);
}

.dignyx-view {
  padding: 24px;
}