/* Demo-only brandbook 2.0 skin. Existing layouts, semantics and controls stay intact. */
@import url('./fonts/tutacare-fonts.css');
:root, [data-theme], #app-shell {
  --canvas:247 245 255 !important; --surface:255 255 255 !important; --shadow:74 62 138 !important;
  --g-50:251 250 255 !important; --g-100:247 245 255 !important;
  --g-200:235 229 255 !important; --g-300:217 207 250 !important;
  --g-400:120 118 133 !important; --g-500:101 100 110 !important;
  --g-600:80 76 94 !important; --g-700:58 49 76 !important;
  --g-800:37 29 50 !important; --g-900:16 15 18 !important;
  --brand-50:247 245 255 !important; --brand-100:235 229 255 !important;
  --brand-600:110 76 191 !important; --brand-700:110 76 191 !important; --brand-800:74 62 138 !important;
  --paper-0:#FFFFFF !important; --paper-1:#F7F5FF !important;
  --paper-2:#EBE5FF !important; --paper-3:#D9CFFA !important;
  --ink-1:#100F12 !important; --ink-2:#3A314C !important;
  --ink-3:#65646E !important; --ink-4:#65646E !important;
  --ink-brown:#4A3E8A !important;
  --line-1:#EBE5FF !important; --line-2:#8D6FDE !important;
  --action-primary:#6E4CBF !important; --action-primary-hover:#4A3E8A !important;
  --action-primary-text:#FFFFFF !important; --focus-ring:rgba(110,76,191,.4) !important;
}
/* Preserve useful theme differences, particularly the accessibility mode. */
[data-theme='grafitas'], #app-shell.th-graphite {
  --canvas:235 229 255 !important; --paper-1:#EBE5FF !important;
  --paper-2:#D9CFFA !important; --line-1:#D9CFFA !important;
}
[data-theme='kontrastas'], #app-shell.th-kontrastas {
  --canvas:255 255 255 !important; --paper-1:#FFFFFF !important;
  --ink-2:#100F12 !important; --ink-3:#3A314C !important; --ink-4:#3A314C !important;
  --line-1:#787685 !important; --line-2:#4A3E8A !important;
}
body, #app-shell, .lg6, .lk7, [data-theme],
body :is(h1,h2,h3,h4,p,label,input,select,textarea,button,a,th,td),
body [class*="font-"][class*="Geist"] {
  font-family:Mori,Arial,sans-serif !important;
  font-kerning:normal;
}
/* Numbers that deliberately use a monospaced face retain it. */
body [style*="Geist Mono"], body .font-mono { font-family:'Geist Mono',monospace !important; }
.lg6, .lg6-main, .lk7 { background:#F7F5FF !important; color:#100F12 !important; }
.lg6-ink, .lg6-mfoot { background:#4A3E8A !important; }
.lg6-ink-h2 { color:#FFFFFF !important; line-height:1.25 !important; }
.lg6-h1 { color:#100F12 !important; line-height:1.25 !important; }
.lg6-label { color:#3A314C !important; }
.lg6-sub, .lg6-help { color:#65646E !important; }
.lg6-field { background:#FFFFFF !important; border-color:#8D6FDE !important; color:#100F12 !important; }
.lg6-field:focus { border-color:#6E4CBF !important; box-shadow:0 0 0 3px #EBE5FF !important; }
.lg6-cta { background:#6E4CBF !important; color:#FFFFFF !important; }
.lg6-cta:hover:not(:disabled) { background:#4A3E8A !important; }
.lk7-card { background:#FFFFFF !important; border-color:#D9CFFA !important; }
/* Versioned paths bypass old service-worker precaches of the original marks. */
img[src*="logo-gemma.svg"] { content:url('./your-logo.svg'); object-fit:contain; }
img[src*="logo-lockup.svg"], img[src*="carelog-lockup.png"] { content:url('./logo.svg'); object-fit:contain; }
img[src*="logo-lockup-paper.svg"] { content:url('./logo-white.svg'); object-fit:contain; }
img[src*="carelog-mark.png"] { content:url('./mark.svg'); object-fit:contain; }
[data-testid='ribbon'] > button:has(svg[aria-label='carelog']) {
  background:url('./logo-white.svg') center / auto 24px no-repeat;
}
[data-testid='ribbon'] svg[aria-label='carelog'] { opacity:0; }
header:has(> [data-testid='ribbon']) { background:#4A3E8A !important; border-color:#4A3E8A !important; }
@media print {
  .lg6-ink, .lg6-mfoot { print-color-adjust:exact; }
}

/* Reverse text and mobile headings retain legibility with Lithuanian accents. */
.lg6-ink > p, .lg6-mfoot > span { color:#EBE5FF !important; }
.lg6-mhead h2 { line-height:1.25 !important; color:#100F12 !important; }
.lg6-form input[type='checkbox'] { accent-color:#6E4CBF !important; }
.lg6-mhead > div > span { font-size:0 !important; }
.lg6-mhead > div > span::after { content:'TutaCare'; font-size:11px; color:#65646E; }