/*!
 * Auditor Comfort Theme for Bootstrap 5 (Self‑Hosted Font)
 * ------------------------------------------------------------
 * Maximum conservatism + auditor comfort.
 * Uses SELF‑HOSTED Source Sans 3 (no external requests).
 *
 * Usage:
 * 1) Place font files in /fonts (see paths below)
 * 2) Load Bootstrap 5 CSS
 * 3) Load THIS file after it
 *
 * Font files expected:
 * /fonts/SourceSans3-Regular.woff2
 * /fonts/SourceSans3-SemiBold.woff2
 * /fonts/SourceSans3-Bold.woff2
 */

/* ============================================================
   1) Font-face (self-hosted Source Sans 3)
   ============================================================ */

@font-face{
  font-family: "Source Sans 3";
  src: url("./fonts/SourceSans3-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Source Sans 3";
  src: url("./fonts/SourceSans3-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Source Sans 3";
  src: url("./fonts/SourceSans3-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   2) Root tokens (conservative palette)
   ============================================================ */

:root{
  --au-font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --au-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --au-ink-900: #0b1220;
  --au-ink-800: #111827;
  --au-ink-700: #1f2937;
  --au-ink-600: #374151;

  --au-surface-0: #ffffff;
  --au-surface-1: #fbfbfc;
  --au-surface-2: #f6f7f9;
  --au-border: #d9dee6;
  --au-border-2: #cbd2dd;

/*original for this theme  
  --au-primary: #1f4fbf;
  --au-primary-600: #1a44a6;
  --au-success: #1b6e3a;
  --au-warning: #8a5a00;
  --au-danger: #a61b1b;
  
  but kari changed to more conservative colors 
   */
  --au-primary: #1f6feb;       /* calm blue */
  --au-primary-600: #1759c6;
  --au-success: #157f3d;       /* muted green */
  --au-warning: #a16207;       /* muted amber */
  --au-danger:  #b42318;       /* muted red */
  --au-info:    #0e7490;       /* teal */

  --au-radius-sm: .25rem;
  --au-radius: .375rem;
  --au-radius-lg: .5rem;
}

/* Bootstrap token mapping */
:root{
  --bs-body-font-family: var(--au-font-sans);
  --bs-font-monospace: var(--au-font-mono);
  --bs-body-bg: var(--au-surface-2);
  --bs-body-color: var(--au-ink-800);
  --bs-border-color: var(--au-border);
  --bs-primary: var(--au-primary);
  --bs-success: var(--au-success);
  --bs-warning: var(--au-warning);
  --bs-danger: var(--au-danger);
  --bs-info: var(--au-info);
  --bs-border-radius-sm: var(--au-radius-sm);
  --bs-border-radius: var(--au-radius);
  --bs-border-radius-lg: var(--au-radius-lg);
}

/* ============================================================
   3) Global base
   ============================================================ */

body{
  letter-spacing: .05px;
  text-rendering: optimizeLegibility;
}

.money, .num, .table .money, .table .num{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}
.num, .money{ text-align: right; }

h1,h2,h3,h4,h5,h6{
  font-weight: 700;
  color: var(--au-ink-900);
}

/* ============================================================
   4) Cards + layout
   ============================================================ */

.card{
  background: var(--au-surface-1);
  border: 1px solid var(--au-border);
  border-radius: var(--au-radius-lg);
}

.card-header{
  background: var(--au-surface-0);
  border-bottom: 1px solid var(--au-border);
  font-weight: 700;
}

/* ============================================================
   5) Buttons
   ============================================================ */

.btn{
  border-radius: var(--au-radius);
  font-weight: 700;
}

.btn-primary{
  background: var(--au-primary);
  border-color: var(--au-primary-600);
}
.btn-primary:hover{
  background: var(--au-primary-600);
}

/* ============================================================
   6) Forms
   ============================================================ */

.form-label{ font-weight: 700; }

.form-control, .form-select{
  border-color: var(--au-border-2);
  min-height: 2.5rem;
}
.form-control:focus, .form-select:focus{
  border-color: var(--au-primary);
}

/* ============================================================
   7) Tables (ledger-first)
   ============================================================ */

.table th, .table td{ 
  /* padding: .55rem .75rem;  kari removed*/
}

.table thead th{
  background: var(--au-surface-0);
  border-bottom: 2px solid var(--au-border);
  font-weight: 700;
}

.table tfoot th, .table tfoot td{
  font-weight: 700;
  border-top: 2px solid var(--au-border-2);
  background: #f4f6fa;
}

/* ============================================================
   8) Print
   ============================================================ */

@media print{
  body{ background:#fff !important; color:#000 !important; }
  .card{ box-shadow:none !important; }
}