/* Dark Sky Analytics - Custom Styles */

/* Brand Colors */
:root {
  --brand-yellow: #F5C832;
  --brand-yellow-dark: #E0B520;
  --brand-dark: #1e293b;
}

/* Sora Font */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
body { font-family: 'Sora', sans-serif; }

/* Brand color utilities - Tailwind 3.x compatible */
.bg-brand-yellow { background-color: var(--brand-yellow); }
.bg-brand-yellow-dark { background-color: var(--brand-yellow-dark); }
.bg-brand-dark { background-color: var(--brand-dark); }
.text-brand-yellow { color: var(--brand-yellow); }
.text-brand-yellow-dark { color: var(--brand-yellow-dark); }
.text-brand-dark { color: var(--brand-dark); }
.border-brand-yellow { border-color: var(--brand-yellow); }
.hover\:bg-brand-yellow-dark:hover { background-color: var(--brand-yellow-dark); }
.focus\:ring-brand-yellow:focus { --tw-ring-color: var(--brand-yellow); }
.focus\:border-brand-yellow:focus { border-color: var(--brand-yellow); }

/* Prose styles for vertical page content */
.prose-custom h2 { font-size: 1.75rem; font-weight: 700; color: #0f172a; margin-top: 2.5rem; margin-bottom: 1rem; line-height: 1.3; }
.prose-custom h3 { font-size: 1.375rem; font-weight: 600; color: #0f172a; margin-top: 2rem; margin-bottom: 0.75rem; line-height: 1.3; }
.prose-custom p { font-size: 1.125rem; color: #1e293b; line-height: 1.75; margin-bottom: 1.25rem; }
.prose-custom ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose-custom ol { list-style-type: decimal; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose-custom li { font-size: 1.125rem; color: #1e293b; line-height: 1.75; margin-bottom: 0.5rem; }
.prose-custom strong { color: #0f172a; font-weight: 600; }
.prose-custom a { color: #1e293b; text-decoration: underline; font-weight: 500; }
.prose-custom a:hover { color: #0f172a; }
.prose-custom blockquote { border-left: 4px solid var(--brand-yellow); padding: 1rem 1.5rem; background: #f8fafc; margin: 1.5rem 0; border-radius: 0.5rem; }
.prose-custom blockquote p { color: #1e293b; font-style: italic; margin-bottom: 0; }

/* Scan form validation */
.scan-field-error { display: none; }
.scan-field-error:not(.hidden) { display: block; }

/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}