/* Service Robot Co. palette and typography from the existing SRCo website. */
/* Vendor marketing footer; source copyright and license files are retained. */
.footer-powered { display: none; }
@font-face {
  font-family: 'Archivo';
  src: url('./fonts/archivo.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('./fonts/source-serif-4.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

:root, html[data-theme='light'], html[data-theme='dark'] {
  color-scheme: light;
  --surface-base: #ffffff;
  --surface-white: #ffffff;
  --surface-elevation-1: #ffffff;
  --surface-elevation-2: #f5f5f5;
  --surface-sidebar: #f5f5f5;
  --surface-gray-1: #f5f5f5;
  --surface-gray-2: #ebebeb;
  --surface-gray-3: #e2e2df;
  --surface-gray-7: #2aa34c;
  --surface-gray-8: #31af53;
  --surface-gray-9: #141413;
  --ink-gray-9: #141413;
  --ink-gray-8: #292925;
  --ink-gray-7: #3d3d3a;
  --ink-gray-6: #5d5b55;
  --ink-gray-5: #6b6963;
  --ink-white: #ffffff;
  --outline-gray-1: rgba(20,20,19,.10);
  --outline-gray-2: rgba(20,20,19,.16);
  --outline-gray-3: rgba(20,20,19,.24);
  --surface-green-1: #edf7ef;
  --ink-green-3: #147a3d;
  --ink-green-4: #147a3d;
  --srco-green: #2aa34c;
}

html, body, #app {
  background: #fff;
  color: #141413;
  font-family: 'Archivo', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea, select { font-family: 'Archivo', Arial, sans-serif; }
.for-login .page-card, .for-signup .page-card { border-radius: 16px; border-color: rgba(20,20,19,.1); }
.for-login .btn-primary, .for-signup .btn-primary { background: #2aa34c; border-color: #2aa34c; color: #141413; }
h1, h2, h3, .prose h1, .prose h2, .prose h3 {
  font-family: 'Source Serif 4', Georgia, serif;
  font-weight: 500;
  letter-spacing: -.015em;
}
.prose p, .prose li { font-family: 'Source Serif 4', Georgia, serif; line-height: 1.75; }
::selection { background: rgba(42,163,76,.18); color: #141413; }
:focus-visible { outline-color: #147a3d; outline-offset: 3px; }
.bg-surface-gray-7 { background-color: #2aa34c; color: #141413; }
.bg-surface-gray-7:hover { background-color: #31af53; }
.bg-surface-gray-7 svg { color: inherit; }
.text-ink-blue-2, .text-ink-blue-3, .text-ink-blue-4 { color: #147a3d; }
.bg-surface-blue-1 { background-color: #edf7ef; }
.rounded-md { border-radius: 8px; }
.short-introduction { color: #5d5b55; line-height: 1.6; margin-top: 8px; }
a:has(.short-introduction) { border-radius: 16px; overflow: hidden; }
a:has(.short-introduction):hover { box-shadow: 0 8px 24px rgba(20,20,19,.06); }
.srco-academy-hero {
  padding: 32px 40px; margin: 0 20px 24px; background: #f5f5f5;
  border: 1px solid rgba(20,20,19,.10); border-radius: 16px;
}
.srco-academy-hero h1 { font-size: clamp(30px, 4vw, 48px); line-height: 1.1; margin: 10px 0 16px; }
.srco-academy-hero p { max-width: 620px; line-height: 1.65; color: #5d5b55; }
.srco-academy-hero .eyebrow { color: #147a3d; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.srco-academy-hero .srco-demo-note { margin-top: 16px; font-size: 12px; color: #147a3d; }
@media (max-width: 640px) { .srco-academy-hero { padding: 24px; margin: 0 20px 20px; } }