/* EduSIS shared design foundation
   This file holds safe platform-level tokens and tiny defaults.
   Module-specific CSS remains responsible for layout and components. */

:root {
  --edusis-bg-soft: #f7fbff;
  --edusis-bg-mid: #eef6ff;
  --edusis-surface: rgba(255, 255, 255, .9);
  --edusis-surface-solid: #ffffff;
  --edusis-ink: #0f172a;
  --edusis-muted: #64748b;
  --edusis-line: rgba(148, 163, 184, .24);
  --edusis-primary: #1e40af;
  --edusis-primary-2: #0ea5e9;
  --edusis-primary-soft: #dbeafe;
  --edusis-danger: #dc2626;
  --edusis-success: #15803d;
  --edusis-radius-sm: 14px;
  --edusis-radius-md: 20px;
  --edusis-radius-lg: 28px;
  --edusis-shadow-sm: 0 10px 26px rgba(15, 23, 42, .055);
  --edusis-shadow-md: 0 20px 54px rgba(30, 58, 138, .1);
  --edusis-shadow-lg: 0 28px 80px rgba(15, 23, 42, .12);
  --edusis-focus: 0 0 0 4px rgba(37, 99, 235, .16);
  --edusis-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  color-scheme: light;
  text-rendering: geometricPrecision;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: none;
  box-shadow: var(--edusis-focus);
}

::selection {
  background: rgba(37, 99, 235, .2);
  color: var(--edusis-ink);
}

.edusis-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.edusis-shell-bg {
  background:
    radial-gradient(circle at 8% 0%, rgba(14, 165, 233, .16), transparent 32rem),
    radial-gradient(circle at 92% 4%, rgba(30, 64, 175, .12), transparent 34rem),
    linear-gradient(135deg, var(--edusis-bg-soft) 0%, var(--edusis-bg-mid) 48%, #f8fbff 100%);
}

.edusis-glass-panel {
  border: 1px solid var(--edusis-line);
  border-radius: var(--edusis-radius-lg);
  background: var(--edusis-surface);
  box-shadow: var(--edusis-shadow-md);
  backdrop-filter: blur(18px);
}