/** * Theme: Developer (developers.kamu.co.id) * ────────────────────────────────────────────────────────────── * Surface variant untuk audience developer (B2B API consumer). * Density: medium (mixed antara consumer dan operator). * Font: Inter (body) + JetBrains Mono / SF Mono (code blocks prominent). * * Pakai: * * Override semantic token dari tokens.css. Primitive tetap shared. */ [data-theme="developer"], html[data-surface="developer"] { /* Base font scale — readable but compact */ --kamu-text-base-current: 15px; /* Density — medium */ --kamu-density-padding-x: var(--kamu-space-4); /* 16px */ --kamu-density-padding-y: var(--kamu-space-2); /* 8px */ --kamu-density-radius: var(--kamu-radius-lg); /* 8px */ --kamu-density-gap: var(--kamu-space-3); /* 12px */ /* Font preferences — Inter + monospace prominent */ --kamu-font-family-current: var(--kamu-font-family-body); --kamu-mono-prominence: high; /* hint untuk component pakai mono lebih sering */ /* Button preset */ --kamu-button-padding-y: var(--kamu-space-2); /* 8px */ --kamu-button-padding-x: var(--kamu-space-4); /* 16px */ --kamu-button-font-size: var(--kamu-text-sm); /* 14px */ --kamu-button-radius: var(--kamu-radius-md); /* 6px */ /* Card preset */ --kamu-card-padding: var(--kamu-space-5); /* 20px — medium */ --kamu-card-radius: var(--kamu-radius-xl); /* 12px */ /* Input preset */ --kamu-input-padding-y: var(--kamu-space-2); /* 8px */ --kamu-input-padding-x: var(--kamu-space-4); /* 16px */ --kamu-input-radius: var(--kamu-radius-lg); /* 8px */ /* Page padding */ --kamu-page-padding: var(--kamu-space-6); /* 24px */ /* Code block specific */ --kamu-code-padding: var(--kamu-space-4); /* 16px */ --kamu-code-radius: var(--kamu-radius-lg); /* 8px */ --kamu-code-bg: var(--kamu-gray-50); --kamu-code-bg-dark: #0f1117; /* Voice/Tone hint */ --kamu-voice: "precise, technical, code-friendly"; } /* Dark mode override untuk code-heavy surface */ .dark[data-theme="developer"], [data-theme="developer"].dark { --kamu-code-bg: var(--kamu-code-bg-dark); }