/* Arcus Dental Solutions — navy, royal blue and teal (from the logo).
   Loaded after styles.css on the Arcus portal only; it re-colours the
   same layout. */
:root {
  --teal-50: #eef5fc;
  --teal-100: #d3e6f8;
  --teal-500: #1e88e5;
  --teal-600: #1565c0;
  --teal-700: #0d47a1;
  --grad-brand: linear-gradient(90deg, #1565c0, #22c3d6 50%, #1565c0);
  --charcoal: #0b2545;
  --charcoal-2: #143a66;
  --gold: #22b8cc;
  --gold-deep: #1565c0;
  --gold-text: #1257a8;
}
html, body {
  background: linear-gradient(180deg, #f4f8fc 0%, #e8eff7 100%);
  background-attachment: fixed;
}
.btn-primary { box-shadow: inset 0 -2px 0 var(--gold), 0 2px 6px rgba(11, 37, 69, 0.20); }
.btn-primary:hover { box-shadow: inset 0 -2px 0 var(--gold), 0 4px 10px rgba(11, 37, 69, 0.26); }
.doc-step.current .doc-step-dot { box-shadow: 0 0 0 4px rgba(34, 184, 204, 0.3); }
body.auth-page { background: linear-gradient(180deg, #f7fafd 0%, #e6eff8 100%); background-attachment: fixed; }
.auth-page .centered-shell::before { background: radial-gradient(ellipse at 50% 0%, rgba(34, 184, 204, 0.12), transparent 55%); }
.auth-page .auth-card { box-shadow: 0 1px 2px rgba(11, 37, 69, 0.06), 0 12px 32px rgba(11, 37, 69, 0.10); }
.auth-brand { width: 170px; max-width: 50vw; }
.auth-page .centered-shell { gap: 20px; }
.verdict-avg { background: #e8f2fc; color: #1257a8; }
.type-switch label:has(input:checked) { border-color: var(--gold); background: #eef9fb; }
.exo-admin, .achat-msgs { background: #f6f9fc; }
.brand-logo { height: 46px; }
@media (max-width: 640px) { .brand-logo { height: 34px; } }
body.doc-app { background: linear-gradient(180deg, #f4f8fc 0%, #e8eff7 100%); background-attachment: fixed; }
.doc-case-thumb { background: linear-gradient(135deg, #eef5fc, #dbeafe); }
.doc-case-thumb svg { stroke: #1565c0; }
.doc-stat-card.attention { border-color: #67e8f9; box-shadow: 0 0 0 3px rgba(34, 184, 204, .25), var(--shadow); }