/* ============================================
   Design tokens — Kitaguru Builder
   Tema terang "kertas hangat" + aksen terakota
   ============================================ */

:root {
    /* aksen */
    --primary: #C2410C;
    --primary-dark: #9A3412;
    --primary-soft: rgba(194, 65, 12, 0.10);
    --on-primary: #FFFFFF;
    --secondary: #0F766E;

    /* permukaan */
    --bg: #FAF7F2;
    --bg-card: #FFFFFF;
    --bg-elevated: #F1EBE1;
    --bg-editor: #ECE5D9;
    --border: #E7DFD3;
    --border-strong: #D8CDBB;

    /* teks */
    --text: #1C1917;
    --text-dim: #78716C;

    /* status */
    --success: #15803D;
    --success-soft: rgba(21, 128, 61, 0.12);
    --danger: #B91C1C;
    --danger-soft: rgba(185, 28, 28, 0.10);
    --warning: #B45309;
    --warning-soft: rgba(180, 83, 9, 0.12);
    --info: #1D4ED8;

    --radius: 10px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;

    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-md: 15px;
    --fs-lg: 18px;
    --fs-xl: 22px;
    --fs-2xl: 28px;

    --touch: 44px;

    --shadow: 0 1px 2px rgba(28, 25, 23, 0.06), 0 6px 18px rgba(28, 25, 23, 0.06);
    --shadow-lg: 0 2px 4px rgba(28, 25, 23, 0.06), 0 18px 40px rgba(28, 25, 23, 0.12);

    --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
    --font-mono: ui-monospace, 'SF Mono', Menlo, 'Courier New', monospace;
}