@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@600;700&family=Open+Sans:wght@400;600;700;800&display=swap');

:root {
  --brand-red: #df1f26;
  --brand-red-strong: #c62026;
  --brand-red-deep: #b51b21;
  --brand-gold: #f6aa1b;
  --brand-blue: #044594;
  --brand-blue-deep: #033a7a;
  --brand-blue-rgb: 4, 69, 148;

  --surface-base: #ffffff;
  --surface-soft: #f9fafb;
  --surface-soft-alt: #f4f7fb;
  --surface-soft-blue: #edf4fb;
  --surface-soft-gold: #fcf5e6;
  --surface-soft-success: #edf6f0;

  --border-soft: rgba(4, 69, 148, 0.12);
  --border-strong: rgba(4, 69, 148, 0.2);
  --border-card-divider: rgba(4, 69, 148, 0.08);

  --text-primary: #111111;
  --text-heading: #10233c;
  --text-muted: #555555;
  --text-subtle: #6b7280;
  --focus-ring: rgba(4, 69, 148, 0.2);

  --font-body: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Cormorant', Georgia, 'Times New Roman', serif;

  --primary-red: var(--brand-red);
  --primary-gold: var(--brand-gold);
  --action-blue: var(--brand-blue);
  --action-blue-rgb: var(--brand-blue-rgb);
  --navy-dark: var(--brand-blue);
  --dark: #0b0f14;
  --light: var(--surface-base);
  --gray: var(--text-subtle);
  --text-dark: var(--text-primary);
  --bg-light: var(--surface-soft);
}

.fi-panel-admin {
  --admin-portal-blue: var(--brand-blue);
  --admin-portal-blue-deep: var(--brand-blue-deep);
  --admin-portal-gold: var(--brand-gold);
  --admin-portal-red: #c00000;
  --admin-portal-ink: #111827;
  --admin-portal-ink-soft: #20344d;
  --admin-portal-muted: #5a6f86;
  --admin-portal-line: var(--border-soft);
  --admin-portal-line-strong: var(--border-strong);
  --admin-portal-soft: var(--surface-soft-alt);
  --admin-portal-soft-alt: #f5f7fa;
  --admin-portal-soft-blue: var(--surface-soft-blue);
  --admin-portal-soft-gold: var(--surface-soft-gold);
  --admin-portal-soft-success: var(--surface-soft-success);
  --admin-portal-sidebar-text: rgba(255, 255, 255, 0.94);
  --admin-portal-sidebar-muted: rgba(255, 255, 255, 0.76);
  --admin-portal-sidebar-hover: #0c4d99;
  --admin-portal-sidebar-active: #1457a8;
  --admin-portal-card-radius: 6px;
  --admin-portal-card-divider: var(--border-card-divider);
}