/*
  Design tokens — Template V3 (Quiet Luxury Fintech)
  Acuan visual: dashboard crypto/fintech minimalis (navy-purple gelap,
  aksen pastel muted amber + dusty rose, radius besar, whitespace lega).
  Berbeda filosofi dari V2 (glassmorphism gold-black dramatis) —
  V3 tenang, flat, kontras rendah, banyak ruang kosong.
*/
:root {
    /* ---- Surface (navy-purple gelap, bukan hitam pekat) ---- */
    --bg: #030014;
    --bg-elevated: #120f1a;
    --surface: #171629;
    --surface-2: #403f51;
    --surface-3: #2f2b41;
    --border: rgba(255,255,255,.07);
    --border-soft: rgba(255,255,255,.05);

    /* ---- Aksen pastel muted ---- */
    --amber: #e8c78a;
    --amber-dim: #c9a875;
    --amber-bg: rgba(232,199,138,.12);
    --rose: #d9a6b0;
    --rose-dim: #b98793;
    --rose-bg: rgba(217,166,176,.12);

    /* ---- Teks ---- */
    --text: #f3f3f3;
    --text-dim: rgba(245,243,247,.62);
    --text-muted: rgba(245,243,247,.38);
    --text-on-white: #14121c;

    /* ---- Semantik (tetap muted, tidak neon) ---- */
    --success: #8fd6ae;
    --success-bg: rgba(143,214,174,.12);
    --warning: var(--amber);
    --warning-bg: var(--amber-bg);
    --danger: #8f2f25;
    --danger-bg: rgba(224,163,171,.12);
    --info: #a8b8e0;
    --info-bg: rgba(168,184,224,.12);

    /* ---- Tipografi: Inter utk body, Space Grotesk utk judul card (geometris, techy) ---- */
    --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Space Grotesk', var(--font);

    /* ---- Radius besar (ciri khas referensi) ---- */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;
    --radius-full: 999px;

    /* ---- Spacing lega ---- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 14px;
    --space-4: 20px;
    --space-5: 28px;
    --space-6: 36px;
    --space-8: 56px;

    /* ---- Elevation flat, hampir tanpa shadow dramatis ---- */
    --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
    --shadow: 0 8px 24px rgba(0,0,0,.35);

    /* ---- Layout ---- */
    --sidebar-w: 232px; /* sidebar desktop, flat 7 menu + label teks */
    --topbar-h: 76px;
    --content-max: 1400px;
}