/* ═══════════════════════════════════════════════════════════════════════════ IGI Theme — TOKEN SAJA. Disalin apa adanya dari C:\IGI\IGI Theme\igi-theme.css (sumber resmi design system IGI, dipakai IGI Accounting dan alat lainnya). Yang diambil hanya blok token; kelas komponennya SENGAJA tidak ikut. Alasannya: portal sudah punya komponennya sendiri dan delapan nama kelas bertabrakan (.btn .card .badge .field .toast .empty .active .btn-ghost). Yang paling parah .toast — di berkas aslinya ia opacity:0 sampai diberi kelas .show, sedangkan portal memunculkan toast dengan atribut hidden, sehingga pesannya tidak akan pernah terlihat. Kalau --igi-orange di berkas sumber berubah, jalankan ulang penyalinan ini; portal ikut berubah tanpa menyentuh satu aturan pun di portal.css. ═══════════════════════════════════════════════════════════════════════════ */ :root { /* Brand --------------------------------------------------- */ --igi-orange: #E85D2F; /* canonical brand orange */ --igi-orange-hover: #d04f23; /* button hover */ --igi-orange-bright: #ff7849; /* orange TEXT on dark bg */ --igi-orange-soft: rgba(232, 93, 47, 0.10); /* tinted accent bg */ --igi-orange-ring: rgba(232, 93, 47, 0.18); /* focus ring */ /* Surfaces — light mode ----------------------------------- */ --bg: #ffffff; --surface: #fafafa; /* sidebar, table header, subtle bg */ --elevated: #ffffff; /* inputs, cards, modals */ --border: #e5e5e5; --border-strong: #d4d4d4; /* Text ---------------------------------------------------- */ --text: #1a1a1a; --text-secondary: #525252; --text-muted: #737373; /* Semantic ------------------------------------------------ */ --success: #16a34a; --success-bg: #dcfce7; --warning: #ca8a04; --warning-bg: #fef9c3; --danger: #dc2626; --danger-bg: #fee2e2; --info: #2563eb; --info-bg: #dbeafe; /* Typography ---------------------------------------------- */ /* Load in : */ --font-display: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-body: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-mono: 'Roboto Mono', 'IBM Plex Mono', Menlo, monospace; /* Radius -------------------------------------------------- */ --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-pill: 999px; /* Spacing scale (4px base) -------------------------------- */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; } [data-theme="dark"] { --bg: #18181a; --surface: #121214; --elevated: #1f1f22; --border: #2a2a2a; --border-strong: #383838; --text: #f5f5f5; --text-secondary: #d4d4d4; --text-muted: #a3a3a3; --igi-orange-soft: rgba(232, 93, 47, 0.14); --success: #4ade80; --success-bg: rgba(34, 197, 94, 0.15); --warning: #facc15; --warning-bg: rgba(202, 138, 4, 0.18); --danger: #f87171; --danger-bg: rgba(220, 38, 38, 0.18); --info: #60a5fa; --info-bg: rgba(37, 99, 235, 0.18); }