/* ==========================================================================
   SIPAK design tokens: shared by the public site (public.css) and the
   dashboards (app-shell.css). Change brand colours, font, radius here only.
   ========================================================================== */

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/plus-jakarta-sans/PlusJakartaSans-VF-latin.woff2") format('woff2');
}

:root {
    --brand-50: #eef2ff;
    --brand-100: #e0e7ff;
    --brand-200: #c7d2fe;
    --brand-500: #6366f1;
    --brand-600: #4f46e5;
    --brand-700: #4338ca;
    --brand-800: #3730a3;
    --brand-900: #312e81;
    --ink: #0f172a;
    --muted: #475569;
    --muted-2: #64748b;
    --line: #e2e8f0;
    --field-border: #7b8aa0;
    --surface: #fff;
    --bg: #f1f5f9;
    --danger: #dc2626;
    --focus: rgba(79, 70, 229, .28);
    --radius: 14px;
    --shadow-sm: 0 4px 14px -8px rgba(15, 23, 42, .2);
    --shadow: 0 10px 30px -14px rgba(15, 23, 42, .25);
    --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}