:root {
  --ekids-accent: #a23e2d;
  --ekids-dark: #7e2c1e;
  --ekids-background: #f8edea;
  --ekids-accent-soft: #c97260;
  --ekids-border: #ead8d3;
  --ekids-text: #2b1d1a;
  --ekids-text-muted: #7a5c55;
  --ekids-white: #ffffff;

  --ekids-status-present: #3f9c6b;
  --ekids-status-absent: #b4423c;
  --ekids-status-sick: #d68a2f;
  --ekids-status-vacation: #7a6bd5;
  --ekids-status-empty: #e3d6d2;

  --ekids-radius: 8px;
  --ekids-shadow: 0 2px 8px rgba(126, 44, 30, 0.08);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
#root {
  height: 100%;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  background-color: var(--ekids-background);
  color: var(--ekids-text);
  line-height: 1.5;
}

.ekids-attendance-grid .ant-table-thead > tr > th {
  background: var(--ekids-background) !important;
  color: var(--ekids-dark);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.4px;
}

.ekids-attendance-grid .ant-table-cell-fix-left {
  background: var(--ekids-white) !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--ekids-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--ekids-accent-soft);
}