/* File: public/css/variables.css */

:root {
    /* Primary Colors */
    --color-primary: #001BB7;      /* biru */
    --color-primary-dark: #1E40AF;
    --color-primary-light: #93C5FD;
    --text-primary: #FFFFFF;
    --button-bg-white: #FFFFFF;

    /* Secondary Colors */
    --color-secondary: #F97316;    /* oranye */
    --color-secondary-dark: #C2410C;
    --color-secondary-light: #FDBA74;

    /* Neutral / Gray */
    --color-black: #000000;
    --color-dark: #111827;
    --color-gray: #6B7280;
    --color-gray-light: #E5E7EB;
    --color-white: #FFFFFF;

    /* Status Colors */
    --color-success: #10B981;
    --color-warning: #FACC15;
    --color-danger: #EF4444;
}
.button-blue {
    background: var(--color-primary);
    color: var(--color-white);
}
.button-white {
    background: var(--button-bg-white);
    color: var(--color-primary);
}
.card {
    background: var(--color-gray-light);
    border: 1px solid var(--color-gray);
}
.bg-primary {
    background-color: var(--color-primary);
}

.text-primary {
    color: var(--text-primary);
}

.border-primary {
    border-color: var(--color-primary);
}