/* ==== ARTHAVEST MEDIA — MINIMALIST OPULENCE DESIGN SYSTEM ==== */
/* PRD v2.4 • Minimalist Luxury — Ultra-Responsive • SEO Leader */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ---- TOKENS ---- */
:root {
  /* Primary Palette */
  --saham-navy: #0B132B;
  --saham-slate: #1C2541;
  --saham-canvas: #FAFAFB;
  --saham-canvas-2: #F1F1F3;
  --saham-white: #FFFFFF;
  /* Luxury Accents */
  --saham-gold: #C5A059;
  --saham-gold-dim: rgba(197,160,89,0.12);
  --saham-gold-border: rgba(197,160,89,0.25);
  --saham-emerald: #059669;
  --saham-emerald-bg: rgba(5,150,105,0.08);
  --saham-burgundy: #DC2626;
  --saham-burgundy-bg: rgba(220,38,38,0.08);
  /* Text */
  --saham-text: #0B132B;
  --saham-text-2: #3A4460;
  --saham-text-muted: #5A6478;  /* AA: 5.28:1 di #F1F1F3 (sebelumnya #8A94A8 = 2.70) */
  --saham-gold-ink: #8A6520;     /* gold TEKS di latar terang: 4.63:1 di #F4EFE8 */
  --saham-emerald-ink: #047857;   /* emerald TEKS di latar terang: 4.79:1 (#059669 = 3.29) */
  --saham-burgundy-ink: #B91C1C;  /* burgundy TEKS di latar terang: 5.66:1 (#DC2626 = 3.75) */
  --saham-text-on-dark: #E8ECF4;
  --saham-text-on-dark-muted: #8A94A8;
  /* Border & Shadow */
  --saham-border: rgba(11,19,43,0.08);
  --saham-border-strong: rgba(11,19,43,0.14);
  --saham-shadow-card: 0 1px 3px rgba(11,19,43,0.06), 0 12px 32px rgba(11,19,43,0.06);
  --saham-shadow-hover: 0 4px 16px rgba(11,19,43,0.10), 0 16px 40px rgba(11,19,43,0.08);
  /* Typography */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  /* Layout */
  --saham-max: 1280px;
  --saham-radius: 14px;
  --saham-radius-sm: 10px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---- RESET ---- */
.saham-root {
  font-family: var(--font-sans);
  background: var(--saham-canvas);
  color: var(--saham-text);
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
.saham-root * { box-sizing: border-box; }
.saham-root a { color: inherit; text-decoration: none; }

/* ---- UTILITIES ---- */
.saham-container { max-width: var(--saham-max); margin: 0 auto; padding: 0 20px; }
@media (min-width: 768px) { .saham-container { padding: 0 24px; } }

/* ---- BADGES ---- */
.saham-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-mono); font-size: 10px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  padding: 4px 9px; border-radius: 999px;
}
.saham-badge--gold { background: var(--saham-gold-dim); color: var(--saham-gold-ink); border: 1px solid var(--saham-gold-border); }
.saham-badge--vip { background: var(--saham-navy); color: #F5D99E; border: 1px solid rgba(197,160,89,0.3); }
.saham-badge--bull { background: var(--saham-emerald-bg); color: var(--saham-emerald-ink); }
.saham-badge--bear { background: var(--saham-burgundy-bg); color: var(--saham-burgundy-ink); }

/* ---- TICKER PILL ---- */
.ticker-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-mono); font-size: 11px; font-weight: 600;
  padding: 4px 10px; border-radius: 999px;
  background: var(--saham-white); border: 1px solid var(--saham-border);
  transition: all 0.2s var(--ease);
}
.ticker-pill:hover { border-color: var(--saham-gold-border); box-shadow: 0 2px 8px rgba(11,19,43,0.06); }
.ticker-pill__sym { color: var(--saham-text); letter-spacing: 0.04em; }
.ticker-pill__chg--up { color: var(--saham-emerald-ink); }
.ticker-pill__chg--down { color: var(--saham-burgundy-ink); }

/* ---- CARDS ---- */
.saham-card {
  background: var(--saham-white);
  border: 1px solid var(--saham-border);
  border-radius: var(--saham-radius);
  box-shadow: var(--saham-shadow-card);
  overflow: hidden;
  transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease);
}
.saham-card:hover { box-shadow: var(--saham-shadow-hover); }

/* ---- SPARKLINE ---- */
.sparkline { display: block; width: 100%; height: 36px; }

/* ---- SCROLLBAR ---- */
.saham-scroll::-webkit-scrollbar { width: 4px; }
.saham-scroll::-webkit-scrollbar-thumb { background: var(--saham-border-strong); border-radius: 999px; }

/* ---- LUXURY DARK (Midnight Navy) — respects prefers-color-scheme + manual toggle ---- */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; }
}
html.saham-dark {
  --saham-canvas: #0B132B;
  --saham-canvas-2: #1C2541;
  --saham-white: #1C2541;
  --saham-text: #E8ECF4;
  --saham-text-2: #CBD5E1;
  /* Dibalik untuk latar gelap: teks & aksen harus TERANG */
  --saham-text-muted: #8A94A8;    /* 6.02:1 di #0B132B */
  --saham-gold-ink: #C5A059;      /* 7.48:1 di #0B132B */
  --saham-emerald-ink: #34D399;   /* 9.56:1 di #0B132B */
  --saham-burgundy-ink: #F87171;  /* 6.65:1 di #0B132B */
  --saham-border: rgba(197,160,89,0.12);
  --saham-border-strong: rgba(197,160,89,0.20);
}
html.saham-dark .saham-root { background: var(--saham-canvas); color: var(--saham-text); }
html.saham-dark .saham-nav { background: rgba(11,19,43,0.92); }

/* DARK: comprehensive overrides for cards & text */
html.saham-dark .saham-card,
html.saham-dark .wire-item,
html.saham-dark .intel-card,
html.saham-dark .report-card,
html.saham-dark .hero-grid,
html.saham-dark .wire-chart-box,
html.saham-dark .saham-footer { background: #1C2541 !important; border-color: rgba(197,160,89,0.18) !important; }
html.saham-dark .report-title,
html.saham-dark .hero-title,
html.saham-dark .col-title,
html.saham-dark .intel-title,
html.saham-dark .brand-name { color: #E8ECF4 !important; }
html.saham-dark .wire-headline { color: #E8ECF4; }
html.saham-dark .report-excerpt,
html.saham-dark .col-sub { color: #CBD5E1; }