/* Tema institucional opcional: azul, gris y rojo. */
:root {
  --primary: #002346;
  --secondary: #4664aa;
  --tertiary: #808080;
  --quaternary: #b40000;
  --ink: var(--primary);
  --muted: #626b75;
  --paper: #ffffff;
  --surface: #f1f3f8;
  --accent: var(--secondary);
  --accent-dark: #334f91;
  --coral: var(--quaternary);
  --line: #d7dce5;
  --shadow: rgb(0 35 70 / 8%);
}

[data-theme="dark"] {
  --primary: #dce9f7;
  --secondary: #91a9e6;
  --tertiary: #aeb4bc;
  --quaternary: #b40000;
  --ink: var(--primary);
  --muted: var(--tertiary);
  --paper: #071829;
  --surface: #102b46;
  --accent: var(--secondary);
  --accent-dark: #b3c5f1;
  --coral: #ff7b7b;
  --line: #294662;
}

.hero {
  background:
    radial-gradient(circle at 82% 30%, rgb(70 100 170 / 35%), transparent 23rem),
    linear-gradient(135deg, #002346, #173e70);
}

.hero .hero-summary { color: #edf3fa; }
.hero-illustration svg { stroke: #edf3fa; }
.hero .eyebrow { color: #b3c5f1; }

.course-facts div { background: var(--tertiary); }

.planning-grid-event--assessment {
  border-left-color: #64a58a;
  background: color-mix(in srgb, #64a58a 16%, var(--paper));
}

.planning-grid-event--activity {
  border-left-color: #f5f582;
  background: color-mix(in srgb, #f5f582 16%, var(--paper));
}

.site-footer {
  color: #dce9f7;
  background: #002346;
}

[data-theme="dark"] .button,
[data-theme="dark"] .lesson-viewer-controls button,
[data-theme="dark"] .planning-view-toggle button[aria-pressed="true"],
[data-theme="dark"] .activity-status:not(.activity-status--overdue),
[data-theme="dark"] .course-class-tag:hover,
[data-theme="dark"] .course-content-class .activity-relation-tag:hover {
  color: #071829;
}

[data-theme="dark"] .course-card p.career-tag,
[data-theme="dark"] .page-header > p.career-tag,
[data-theme="dark"] .career-tag,
[data-theme="dark"] .course-class-tag,
[data-theme="dark"] .course-content-class .activity-relation-tag,
[data-theme="dark"] .activity-status--overdue,
[data-theme="dark"] .activity-rubric-disclosure > summary,
[data-theme="dark"] .activity-rubric-table thead th {
  color: #071829;
}