/* SourceEzy brand foundation — self-hosted Inter, SourceEzy design tokens,
   and Bootstrap 5.3.2 CSS variable overrides so .btn-primary / .text-primary /
   .badge.bg-primary / .table-primary inherit brand colors natively.
   Tokens are the CD export ground truth (docs/design-source/admin.css lines 4-33). */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/inter/Inter-Bold.woff2") format("woff2");
}

:root {
  --se-red: #E30613;
  --se-red-600: #C60411;
  --se-red-50: #FDECEE;
  --se-blue: #1B3E8C;
  --se-blue-600: #172F6E;
  --se-blue-50: #EAEEF8;
  --se-ink: #101828;
  --se-ink-2: #344054;
  --se-ink-3: #667085;
  --se-ink-4: #98A2B3;
  --se-line: #E4E7EC;
  --se-line-2: #EAECF0;
  --se-bg: #F7F8FA;
  --se-surface: #FFFFFF;
  --se-success: #12805C;
  --se-success-50: #E6F5EF;
  --se-warn: #B54708;
  --se-warn-50: #FEF3E6;
  --se-danger: #B42318;
  --se-danger-50: #FEEAE7;
  --se-radius: 6px;
  --se-radius-lg: 10px;
  --se-sidebar-w: 248px;
  --se-sidebar-w-collapsed: 64px;
  --se-topbar-h: 56px;
  --se-density-y: 12px;
  --se-density-x: 14px;

  --bs-primary: var(--se-blue);
  --bs-primary-rgb: 27, 62, 140;
  --bs-danger: var(--se-danger);
  --bs-danger-rgb: 180, 35, 24;
  --bs-success: var(--se-success);
  --bs-success-rgb: 18, 128, 92;
  --bs-warning: var(--se-warn);
  --bs-warning-rgb: 181, 71, 8;
  --bs-body-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-color: var(--se-ink);
  --bs-body-bg: var(--se-bg);
  --bs-border-color: var(--se-line);
  --bs-border-radius: var(--se-radius);
  --bs-border-radius-lg: var(--se-radius-lg);

  /* -----------------------------------------------------------------
   * Approvals UC — Zone 2 attention cluster (amber/yellow).
   * Only referenced by approvals.css; centralized here so a future
   * accent-band rebrand doesn't chase hex literals across pages.
   * ----------------------------------------------------------------- */
  --se-attn:        #B45309;
  --se-attn-strong: #7A4A00;
  --se-attn-50:     #FEF3C7;
  --se-attn-100:    #FFF8E1;
  --se-attn-border: #F5D976;
  --se-attn-ico-bg: #FDE68A;
  --se-attn-ico-fg: #8B5E00;

  /* -----------------------------------------------------------------
   * -600 hover shades for success/warn (the primitives already have
   * -600 for blue+red). Approvals decision buttons use these.
   * ----------------------------------------------------------------- */
  --se-success-600: #0E6C4D;
  --se-warn-600:    #8F3906;

  /* -----------------------------------------------------------------
   * Neutral tints — row hover/skeleton/muted backgrounds shared by
   * Approvals and any future card-based UC.
   * ----------------------------------------------------------------- */
  --se-neutral-1:   #F1F3F7;  /* superseded / queued row bg */
  --se-neutral-2:   #F5F7FA;  /* skeleton block bg */
  --se-neutral-3:   #FAFBFC;  /* row hover / gradient endpoints */
  --se-neutral-4:   #EEF0F4;  /* avatar-empty / waiting badge bg */
  --se-neutral-5:   #DDE5F5;  /* is-you hover accent */

  /* Override stripe endpoints */
  --se-override-stripe-a: #FFF7ED;
  --se-override-stripe-b: #FDECEE;
}