/* RocketSeller Editorial Design System — single source of truth
 * Tokens mirror /opt/rocketseller-api/app/worker/pipeline/render_pdf.py CSS_A4
 * and /var/www/rocket-seller-marketing/index.html :root block.
 * Loaded on all sub-pages to unify visual identity with PDF reports.
 * W28-unified by Worker-31 on 2026-05-24.
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,600;1,9..144,700&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --ink:#0E1B2C;
  --ink-2:#1F2A3C;
  --paper:#F6F1E8;
  --paper-2:#EFE7D6;
  --rule:#0E1B2C;
  --muted:#5A6373;
  --accent:#C7522A;
  --accent-2:#9A3E1F;
  --ok:#1E6F4F;
  --hairline:rgba(14,27,44,0.14);
  --serif:'Fraunces','Source Serif Pro',Georgia,serif;
  --sans:'Montserrat','Inter',system-ui,-apple-system,sans-serif;
}

/* Override Tailwind defaults to editorial palette on sub-pages */
html,body{background:var(--paper) !important;color:var(--ink) !important;font-family:var(--sans) !important}
body.bg-white{background:var(--paper) !important}
body.text-gray-900{color:var(--ink) !important}

/* Headings → Fraunces */
h1,h2,h3,h4,.font-extrabold,.font-bold{font-family:var(--serif);letter-spacing:-0.015em}
h1{font-weight:600}
h2{font-weight:600}

/* Blue palette remap → editorial accent/ink */
.bg-blue-950,.bg-blue-900,.bg-blue-800,.from-blue-950,.from-blue-900,.to-blue-900,.to-blue-800{background:var(--ink) !important;background-image:none !important}
.bg-gradient-to-br.from-blue-950,.bg-gradient-to-br.from-blue-900{background:var(--ink) !important;background-image:none !important}
.text-blue-950,.text-blue-900,.text-blue-800,.text-blue-700,.text-blue-600,.text-blue-400{color:var(--accent) !important}
.text-blue-200,.text-blue-100{color:rgba(246,241,232,.85) !important}
.border-blue-800,.border-blue-700,.border-blue-600{border-color:var(--accent) !important}
.hover\:bg-blue-900:hover,.hover\:bg-blue-700:hover{background:var(--accent-2) !important}
.hover\:text-blue-700:hover,.hover\:text-blue-300:hover{color:var(--accent) !important}

/* Yellow accent (logo star) — keep as accent */
[fill="#C7522A"]{fill:var(--accent) !important}
[fill="#0E1B2C"]{fill:var(--ink) !important}

/* Backgrounds gray → paper-2 */
.bg-gray-50,.bg-gray-100{background:var(--paper-2) !important}
.bg-gray-900{background:var(--ink) !important}
.text-gray-700,.text-gray-600,.text-gray-500{color:var(--ink-2) !important}
.text-gray-300{color:rgba(246,241,232,.75) !important}
.border-gray-100,.border-gray-200{border-color:var(--hairline) !important}

/* Buttons / CTAs */
button.bg-blue-600,button.bg-blue-700,button.bg-blue-800{background:var(--accent) !important;color:#fff !important}
button.bg-gray-700{background:var(--ink-2) !important;color:var(--paper) !important}

/* Cookie banner align */
#cookie-banner.bg-gray-900{background:var(--ink) !important}
#cookie-banner a.text-blue-400{color:var(--accent) !important;border-bottom:1px solid var(--accent)}

/* Italic accent on em inside headings — PDF signature */
h1 em, h2 em, h3 em{font-style:italic;color:var(--accent);font-weight:700}

/* Brand wordmark serif */
header a.font-bold,header .text-xl{font-family:var(--serif);font-weight:700;color:var(--ink) !important}