/* Shared design tokens for the Insights redesign and the Student, Teacher and Course pages.
   Moved out of Components/Pages/Insights.razor.css so both areas use one set of colours. */
.insights-page-root,
.entity-page {
    --surface-page: #f8f9fb;
    --surface-primary: #ffffff;
    --surface-secondary: #f3f4f6;
    --surface-tertiary: #e5e7eb;
    --surface-soft: #f8fafc;
    --border-default: #e5e7eb;
    --border-subtle: #f1f5f9;
    --border-hover: rgba(37, 99, 235, 0.4);
    --border-active: #2563eb;
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-tertiary: #94a3b8;
    --text-inverse: #ffffff;
    --accent-primary: #2563eb;
    --accent-primary-subtle: #eff6ff;
    --accent-primary-text: #1d4ed8;
    --status-success-bg: #f0fdf4;
    --status-success-accent: #dcfce7;
    --status-success-text: #15803d;
    --status-warning-bg: #fffbeb;
    --status-warning-accent: #fef3c7;
    --status-warning-text: #d97706;
    --status-danger-bg: #fef2f2;
    --status-danger-accent: #fee2e2;
    --status-danger-text: #dc2626;
    --status-info-bg: #eff6ff;
    --status-info-text: #2563eb;
    --status-success-strong: #16a34a;
    --status-warning-strong: #92400e;
    --status-danger-strong: #991b1b;
    /* One direction of colour: pale blue on target, orange darkening below it. */
    --heatmap-on-target: #eef4fb;
    --heatmap-below-1: #fde7d4;
    --heatmap-below-2: #fbc89a;
    --heatmap-below-3: #f59a52;
    --heatmap-below-4: #c2410c;
    --heatmap-no-data: #f3f4f6;
    --trust-strip-high-bg: #f0fdf4;
    --trust-strip-high-border: #bbf7d0;
    --trust-strip-high-dot: #16a34a;
    --trust-strip-medium-bg: #fffbeb;
    --trust-strip-medium-border: #fde68a;
    --trust-strip-medium-dot: #f59e0b;
    --trust-strip-low-bg: #fef2f2;
    --trust-strip-low-border: #fecaca;
    --trust-strip-low-dot: #ef4444;
    --chart-fill-top: rgba(37, 99, 235, 0.18);
    --chart-fill-bottom: rgba(37, 99, 235, 0.02);
    --chart-missing-overlay: rgba(239, 68, 68, 0.14);
    --warning-banner-bg: #fffbeb;
    --warning-banner-border: #fde68a;
    --warning-banner-text: #92400e;
    --kpi-border-success: #16a34a;
    --kpi-border-warning: #f59e0b;
    --kpi-border-danger: #dc2626;
    --kpi-border-neutral: #cbd5e1;
    --shadow-subtle: 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-overlay: 0 24px 48px rgba(15, 23, 42, 0.12);
    /* Entity pages (prototype palette) */
    --ink: #0f172a;
    --ink-2: #475569;
    --ink-3: #64748b;
    --line: #e5e7eb;
    --line-2: #f1f5f9;
    --blue: #1d4ed8;
    --blue-bg: #eff6ff;
    --blue-line: #bfdbfe;
    --red: #b91c1c;
    --red-bg: #fee2e2;
    --amber: #b45309;
    --amber-bg: #fef3c7;
    --green: #15803d;
    --green-bg: #dcfce7;
    --teal: #0f766e;
    --violet: #6d28d9;
    --violet-bg: #ede9fe;
}