/*
 * portal-tokens.css
 * Sumber nilai visual bersama portal SiBakul (/umkm) dan Teras Malioboro (/tm).
 * Struktur, tipografi, radius, dan bayangan mengikuti SiBakul.
 * Identitas tiap portal dibawa oleh --sbp-accent yang boleh ditimpa halaman.
 */

:root {
    --sbp-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

    --sbp-brand: #16a34a;
    --sbp-brand-dark: #15803d;
    --sbp-brand-soft: #f0fdf4;
    --sbp-brand-line: #dcfce7;

    --sbp-accent: #16a34a;
    --sbp-accent-dark: #15803d;
    --sbp-accent-soft: #f0fdf4;

    --sbp-ink: #0f172a;
    --sbp-text: #475569;
    --sbp-muted: #94a3b8;

    --sbp-line: #e2e8f0;
    --sbp-line-soft: #f1f5f9;
    --sbp-page: #f8fafc;
    --sbp-card: #ffffff;

    --sbp-warn: #eab308;
    --sbp-warn-soft: #fefce8;

    --sbp-wa: #25d366;
    --sbp-wa-dark: #128c7e;

    --sbp-radius-sm: 10px;
    --sbp-radius-md: 12px;
    --sbp-radius-lg: 16px;
    --sbp-radius-xl: 20px;
    --sbp-radius-pill: 999px;

    --sbp-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --sbp-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.07), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
    --sbp-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);

    --sbp-ease: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --sbp-container-pad: 20px;
}