/* ─── Bantuseller Design Tokens ─────────────────────────────────────────── */
/* Load dari: https://ui.bantuseller.com/tokens.css                          */

:root {
  /* ── Brand colors ──────────────────────────────────────────────────────── */
  --bs-primary:          #0EA5E9;   /* Sky blue — main accent */
  --bs-primary-hover:    #0284C7;
  --bs-primary-light:    #E0F2FE;   /* Active nav bg, chip bg */
  --bs-primary-border:   #BAE6FD;   /* Chip border */

  /* ── Neutrals ──────────────────────────────────────────────────────────── */
  --bs-bg:               #F5F5F5;   /* Page background */
  --bs-surface:          #FFFFFF;   /* Card / sidebar / header */
  --bs-border:           #000000;   /* Hard border (neo-brutalism) */
  --bs-border-light:     #E5E7EB;   /* Subtle dividers */
  --bs-text:             #000000;
  --bs-text-secondary:   #6B7280;
  --bs-text-muted:       #9CA3AF;

  /* ── Semantic ──────────────────────────────────────────────────────────── */
  --bs-success:          #10B981;
  --bs-warning:          #F59E0B;
  --bs-danger:           #EF4444;

  /* ── RD balance chip ───────────────────────────────────────────────────── */
  --bs-rd-bg:            #F0F9FF;
  --bs-rd-border:        #BAE6FD;
  --bs-rd-text:          #0EA5E9;

  /* ── Typography ────────────────────────────────────────────────────────── */
  --bs-font-sans:        'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --bs-font-mono:        'Roboto Mono', 'SF Mono', Menlo, monospace;
  --bs-font-size-sm:     13px;
  --bs-font-size-base:   14px;
  --bs-font-size-lg:     16px;
  --bs-font-weight-normal: 500;
  --bs-font-weight-bold:   700;
  --bs-font-weight-black:  800;

  /* ── Spacing ───────────────────────────────────────────────────────────── */
  --bs-spacing-xs:  4px;
  --bs-spacing-sm:  8px;
  --bs-spacing-md:  16px;
  --bs-spacing-lg:  24px;
  --bs-spacing-xl:  32px;

  /* ── Layout ────────────────────────────────────────────────────────────── */
  --bs-header-height:    56px;
  --bs-sidebar-width:    220px;
  --bs-border-width:     2px;
  --bs-radius-sm:        4px;
  --bs-radius-md:        6px;
  --bs-radius-lg:        8px;

  /* ── Transitions ───────────────────────────────────────────────────────── */
  --bs-transition:       color 0.15s ease, background 0.15s ease;
}