@import "tailwindcss";

@theme {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-headline: 'Plus Jakarta Sans', var(--font-sans);
  --font-serif: 'Newsreader', Georgia, Cambria, 'Times New Roman', Times, serif;

  --color-primary: #0F172A;
  --color-on-primary: #ffffff;
  --color-primary-container: #131b2e;
  --color-on-primary-container: #7c839b;
  --color-secondary: #006c4a;
  --color-secondary-container: #82f5c1;
  --color-on-secondary-container: #00714e;
  --color-surface: #f7f9fb;
  --color-surface-container: #eceef0;
  --color-surface-container-low: #f2f4f6;
  --color-surface-container-high: #e6e8ea;
  --color-surface-container-highest: #e0e3e5;
  --color-surface-container-lowest: #ffffff;
  --color-on-surface: #191c1e;
  --color-on-surface-variant: #45464d;
  --color-outline: #76777d;
  --color-outline-variant: #c6c6cd;
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
  line-height: 1;
}

.material-symbols-outlined.fill,
.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Custom UI styling */
.font-headline {
  font-family: 'Plus Jakarta Sans', var(--font-sans);
}

.font-serif-legal {
  font-family: 'Newsreader', Georgia, 'Times New Roman', serif;
}

/* Gauge circle animation */
.gauge-circle {
  transition: stroke-dasharray 0.8s ease-in-out, stroke 0.4s ease;
}

/* Print styling for legal filings */
@media print {
  html, body {
    background: #ffffff !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  body * {
    visibility: hidden;
  }

  #legal-document-print-area,
  #legal-document-print-area * {
    visibility: visible;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  #legal-document-print-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 15mm 20mm;
    box-shadow: none !important;
    border: none !important;
    background: #ffffff !important;
  }
}