/* MYOWN INSTRUCTOR BOARD Custom Stylesheet */
:root {
  /* Default: Lumina Dashboard Light Theme */
  --c-bg: #fcf8ff; /* Clean light purple-tinted background */
  --c-card: rgba(255, 255, 255, 0.7); /* Translucent glass card */
  --c-primary: #3525cd; /* Designer Primary purple/blue */
  --c-primary-light: #e2dfff; /* Light lavender container color */
  --c-hover: rgba(53, 37, 205, 0.05);
  --c-active: #3525cd;
  --c-text-main: #1b1b24; /* Dark slate text for high contrast */
  --c-text-neutral: #464555; /* Muted variant text color */
  --c-sidebar: #f5f2ff; /* surface-container-low */
  --c-border: rgba(119, 117, 135, 0.15); /* outline-variant */
  --c-border-top: rgba(255, 255, 255, 0.4); /* Glass catching highlight border */
  --c-success: #047857; /* Standard green */
  --c-warning: #b45309; /* Deep orange warning */
  --c-error: #ba1a1a; /* Error red */
}

html.dark {
  /* Dark Theme: Lumina Midnight Navy */
  --c-bg: #051424; /* Deep midnight navy */
  --c-card: rgba(18, 33, 49, 0.4);
  --c-primary: #4f46e5; /* Indigo */
  --c-primary-light: #c3c0ff; /* Lavender */
  --c-hover: rgba(79, 70, 229, 0.15);
  --c-active: #6366f1;
  --c-text-main: #d4e4fa; /* Muted light gray/blue */
  --c-text-neutral: #94a3b8;
  --c-sidebar: #0d1c2d;
  --c-border: rgba(255, 255, 255, 0.08);
  --c-border-top: rgba(255, 255, 255, 0.15);
  --c-success: #34d399;
  --c-warning: #fbbf24;
  --c-error: #f87171;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--c-bg);
  color: var(--c-text-main);
  font-family: 'Inter', 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Glassmorphism Cards */
.glass-card {
  background: var(--c-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--c-border);
  border-top: 1px solid var(--c-border-top);
  border-radius: 16px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

html.dark .glass-card {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}

.panel {
  background: var(--c-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--c-border);
  border-top: 1px solid var(--c-border-top);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

/* Scrollbar Styling for Glass Theme */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

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

::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.2);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.4);
}

/* Custom Table Styles */
table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--c-border);
}

tr {
  transition: background-color 0.2s ease;
}

thead tr {
  border-bottom: 2px solid var(--c-border);
}