/* MurphFin — public-theme.css */




/* ── SECTION 1: CSS CUSTOM PROPERTY REMAPS ─────────── */

body.public-area {
  /* Remap --brand-* to dark palette */
  --brand-bg:          #030712;
  --brand-surface:     #060d1f;
  --brand-surface-alt: #0a1628;
  --brand-gray-50:     #0a1628;
  --brand-gray-100:    #0d1a30;
  --brand-gray-200:    rgba(124, 58, 237, 0.15);
  --brand-gray-300:    rgba(124, 58, 237, 0.25);
  --brand-gray-400:    #64748B;
  --brand-gray-500:    #94A3B8;
  --brand-border:       rgba(124, 58, 237, 0.18);
  --brand-border-light: rgba(124, 58, 237, 0.10);
  --brand-text:  #E2E8F0;
  --brand-muted: #94A3B8;
  --brand-navy:         #7C3AED;
  --brand-navy-dark:    #060d1f;
  --brand-navy-lighter: #A78BFA;
  --brand-red:          #7C3AED;
  --brand-red-hover:    #6D28D9;
  --brand-blue:         #7C3AED;
  --brand-purple:       #A78BFA;
  --brand-success:      #06B6D4;
  --brand-success-bg:   rgba(6, 182, 212, 0.10);
  --brand-success-dark: #06B6D4;
  --brand-danger:       #ef4444;
  --brand-danger-bg:    rgba(239, 68, 68, 0.10);
  --brand-danger-dark:  #fca5a5;
  --brand-warning:      #FBBF24;
  --brand-warning-bg:   rgba(251, 191, 36, 0.10);
  --brand-info-bg:      rgba(124, 58, 237, 0.10);
  --brand-nvidia:       #FBBF24;

  /* New accent vars */
  --mp-accent:       #7C3AED;
  --mp-accent-light: #A78BFA;
  --mp-accent-glow:  rgba(124, 58, 237, 0.15);
  --mp-cyan:         #06B6D4;
  --mp-cyan-dim:     rgba(6, 182, 212, 0.10);
  --mp-gold:         #FBBF24;
  --mp-border-hi:    rgba(124, 58, 237, 0.45);
  --mp-border-cyan:  rgba(6, 182, 212, 0.20);
  --mp-gradient:     linear-gradient(135deg, #A78BFA 0%, #06B6D4 100%);

  /* Fonts */
  --font-head: 'Familjen Grotesk', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Bootstrap 5.3 vars remap */
  --bs-body-bg: #030712;
  --bs-body-color: #E2E8F0;
  --bs-body-color-rgb: 226, 232, 240;
  --bs-body-font-family: 'DM Sans', sans-serif;
  --bs-secondary-color: rgba(226, 232, 240, 0.55);
  --bs-secondary-color-rgb: 226, 232, 240;
  --bs-tertiary-color: rgba(226, 232, 240, 0.4);
  --bs-tertiary-color-rgb: 226, 232, 240;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-border-color: rgba(124, 58, 237, 0.18);
  --bs-border-color-translucent: rgba(124, 58, 237, 0.12);
  --bs-card-bg: #060d1f;
  --bs-card-border-color: rgba(124, 58, 237, 0.18);
  --bs-card-cap-bg: #0a1628;
  --bs-card-color: #E2E8F0;
  --bs-table-bg: transparent;
  --bs-table-color: #E2E8F0;
  --bs-table-striped-bg: #0a1628;
  --bs-table-striped-color: #E2E8F0;
  --bs-table-hover-bg: rgba(124, 58, 237, 0.08);
  --bs-table-hover-color: #E2E8F0;
  --bs-table-border-color: rgba(124, 58, 237, 0.18);
  --bs-tertiary-bg: #0a1628;
  --bs-secondary-bg: #0d1a30;
  --bs-light-rgb: 10, 22, 40;
  --bs-link-color: #A78BFA;
  --bs-link-color-rgb: 167, 139, 250;
  --bs-link-hover-color: #06B6D4;
  --bs-link-hover-color-rgb: 6, 182, 212;
  --bs-heading-color: #fff;
}


/* ── SECTION 2: BASE BODY, TYPOGRAPHY, GRID TEXTURE ── */

body.public-area {
  font-family: var(--font-body);
  background: var(--brand-bg);
  color: var(--brand-text);
}

body.public-area::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(124, 58, 237, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 58, 237, 0.035) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}

body.public-area h1,
body.public-area h2 {
  font-family: var(--font-head);
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.03em;
}

body.public-area h3,
body.public-area h4,
body.public-area h5,
body.public-area h6 {
  font-family: var(--font-head);
  font-weight: 700;
  color: var(--brand-text);
}

body.public-area p,
body.public-area li,
body.public-area label,
body.public-area td,
body.public-area th {
  color: var(--brand-text);
}

body.public-area a {
  color: var(--mp-accent-light);
}
body.public-area a:hover {
  color: var(--mp-cyan);
}

body.public-area .text-muted { color: var(--brand-muted); }
body.public-area .text-dark  { color: var(--brand-text); }
body.public-area .text-body  { color: var(--brand-text); }
body.public-area .lead       { color: var(--brand-muted); }
body.public-area hr          { border-color: var(--brand-border); }

body.public-area .app-content {
  position: relative;
  z-index: 1;
}


/* ── BOOTSTRAP RADIUS RESET (regola brand: zero radius) ── */

body.public-area .btn,
body.public-area .form-control,
body.public-area .form-select,
body.public-area .input-group-text,
body.public-area .accordion-item,
body.public-area .accordion-item:first-of-type,
body.public-area .accordion-item:last-of-type,
body.public-area .accordion-button,
body.public-area .accordion-collapse,
body.public-area .badge,
body.public-area .alert,
body.public-area .card,
body.public-area .modal-content,
body.public-area .dropdown-menu,
body.public-area .nav-pills .nav-link,
body.public-area .toast {
  border-radius: 0 !important;
}
