/* ============================================================
   RAB Perikanan Terpadu — Premium Investor Theme
   Palette: navy #070E1D / #0B1628, gold #C8A96E / #D4B97F
   Fonts: Playfair Display (display), Manrope (body)
   ============================================================ */

@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/playfair-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/assets/fonts/playfair-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/assets/fonts/manrope-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/assets/fonts/manrope-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/assets/fonts/manrope-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --navy-950: #060B14;
    --navy-900: #070E1D;
    --navy-800: #0B1628;
    --navy-700: #12203A;
    --navy-600: #1A2C4A;
    --gold-400: #DDBF8C;
    --gold-500: #C8A96E;
    --gold-600: #A98A4E;
    --gold-700: #8A6F3C;
    --cream-50: #FDFBF6;
    --cream-100: #F7F3EA;
    --ink: #1B2432;
}

/* Body base */
body {
    font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
    background-color: var(--cream-50);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
}

.font-display {
    font-family: 'Playfair Display', Georgia, serif;
}

/* Gold gradient text */
.text-gold-grad {
    background: linear-gradient(120deg, #E8D5A8 0%, #C8A96E 45%, #F0E2BC 70%, #B99659 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Gold border helper */
.border-gold-soft {
    border-color: rgba(200, 169, 110, 0.35);
}

/* Premium card */
.card-premium {
    background: #ffffff;
    border: 1px solid rgba(200, 169, 110, 0.25);
    border-radius: 1rem;
    box-shadow: 0 8px 30px rgba(7, 14, 29, 0.06);
}

/* Hero gradient (investor) */
.hero-investor {
    background:
        radial-gradient(1200px 500px at 85% -10%, rgba(200, 169, 110, 0.22), transparent 60%),
        radial-gradient(900px 400px at -10% 110%, rgba(200, 169, 110, 0.10), transparent 55%),
        linear-gradient(160deg, #060B14 0%, #0B1628 55%, #12203A 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}
.hero-investor::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(ellipse 1px 1px at 20% 30%, rgba(200,169,110,.4), transparent 2px),
        radial-gradient(ellipse 1px 1px at 70% 20%, rgba(200,169,110,.3), transparent 2px),
        radial-gradient(ellipse 1px 1px at 90% 60%, rgba(200,169,110,.35), transparent 2px),
        radial-gradient(ellipse 1px 1px at 40% 80%, rgba(200,169,110,.2), transparent 2px),
        radial-gradient(ellipse 1px 1px at 55% 45%, rgba(200,169,110,.25), transparent 2px);
    pointer-events: none;
}
.hero-investor > * {
    position: relative;
    z-index: 1;
}

/* Section heading style */
.sec-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold-600);
}
.sec-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    color: var(--navy-900);
    letter-spacing: -0.01em;
}

/* Stat value */
.stat-num {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    color: var(--navy-900);
}

/* Thin gold divider */
.gold-rule {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200,169,110,.6), transparent);
}

/* Button gold */
.btn-gold {
    background: linear-gradient(135deg, #D4B97F 0%, #C8A96E 50%, #B99659 100%);
    color: #060B14;
    font-weight: 700;
    border-radius: 0.75rem;
    box-shadow: 0 6px 20px rgba(200, 169, 110, 0.35);
    transition: all .2s ease;
}
.btn-gold:hover {
    box-shadow: 0 8px 26px rgba(200, 169, 110, 0.5);
    transform: translateY(-1px);
}

.btn-outline-gold {
    border: 1px solid rgba(200, 169, 110, 0.6);
    color: #C8A96E;
    font-weight: 600;
    border-radius: 0.75rem;
    transition: all .2s ease;
}
.btn-outline-gold:hover {
    background: rgba(200, 169, 110, 0.12);
}

/* Progress bar gold */
.bar-gold {
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, #D4B97F, #C8A96E);
}

/* Table premium */
.table-premium thead th {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8a93a6;
    font-weight: 600;
    border-bottom: 1px solid rgba(200, 169, 110, 0.25);
}
.table-premium tbody tr {
    border-bottom: 1px solid #F0EDE4;
}
.table-premium tbody tr:last-child {
    border-bottom: none;
}
.table-premium tbody tr:hover {
    background: #FBF7EE;
}

/* Badge */
.badge-gold {
    background: rgba(200, 169, 110, 0.14);
    color: var(--gold-600);
    font-weight: 700;
    border-radius: 999px;
}

/* Print style for proposal */
@media print {
    .no-print { display: none !important; }
    body { background: #fff; }
    .print-page {
        page-break-after: always;
    }
    .print-page:last-child {
        page-break-after: auto;
    }
    * {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
}