/* NotoSans font-face declarations */
@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSans';
  src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Custom DaisyUI theme - using OKLCH color space for DaisyUI 4.x */
[data-theme="verso"] {
  /* Primary: Spruce Green #17363d */
  --p: 0.32 0.04 200;
  --pc: 0.96 0 0;

  /* Secondary: Heather #9c8b91 */
  --s: 0.64 0.02 350;
  --sc: 0.15 0 0;

  /* Accent: Optimistic Yellow #ffe27a */
  --a: 0.92 0.12 85;
  --ac: 0.15 0 0;

  /* Neutral: Spruce Green #17363d */
  --n: 0.32 0.04 200;
  --nc: 0.96 0 0;

  /* Base colors */
  --b1: 1 0 0;                /* white */
  --b2: 0.96 0 0;             /* #f4f4f4 */
  --b3: 0.70 0.02 200;        /* #93a4a9 */
  --bc: 0.15 0 0;             /* #121212 */

  /* Success: Bright Green #0aa778 */
  --su: 0.62 0.15 165;
  --suc: 0.15 0 0;

  /* Warning: Optimistic Yellow #ffe27a */
  --wa: 0.92 0.12 85;
  --wac: 0.15 0 0;

  /* Error: Old Mauve #6D2E46 */
  --er: 0.38 0.10 360;
  --erc: 0.96 0 0;

  /* Info: Custom Teal #3d9aa3 */
  --in: 0.62 0.08 195;
  --inc: 0.15 0 0;

  /* Border radius */
  --rounded-box: 1rem;
  --rounded-btn: 2rem;
  --rounded-badge: 1.9rem;

  /* Animation */
  --animation-btn: 0.25s;
  --animation-input: 0.2s;
  --btn-focus-scale: 0.95;
}

/* Typography - Verso Standard */
body {
  font-family: 'NotoSans', 'Roboto', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

h1 { font-size: 40px; font-weight: 400; }
h2 { font-size: 32px; font-weight: 400; }
h3 { font-size: 24px; font-weight: 400; }
h4 { font-size: 18px; font-weight: 600; }
h5 { font-size: 16px; font-weight: 600; }
h6 { font-size: 14px; font-weight: 600; }

/* Utility classes */
.text-caption { font-size: 12px; }

/* Table header weight */
.table th { font-weight: 600; }

/* Component refinements */
.table tbody tr:hover {
  background-color: rgba(182, 208, 190, 0.15);
}

.input:focus, .select:focus {
  border-color: #0aa778;
}

.tabs-boxed .tab-active {
  background-color: #17363d;
  color: #f4f4f4;
}