:root {
    /* Colors - Light Theme */
    --primary: #f8fafc;
    /* Slate 50 */
    --primary-light: #ffffff;
    /* White */
    --accent: #2563eb;
    /* Blue 600 - Professional Blue instead of Gold for Light Mode, or stick to Gold? User said "Terang Putih". Let's use a nice Blue for contrast or keep Gold if they like the identity. Let's stick to the Navy/Gold identity but inverted. */
    /* Wait, user said "Warna terang putih". Let's make background white. */

    --accent: #eab308;
    /* Keep Gold identity */
    --secondary-accent: #0f172a;
    /* Navy for text/contrast */

    --success: #10b981;
    /* Emerald 500 */
    --danger: #ef4444;
    /* Red 500 */

    --light: #0f172a;
    /* Slate 900 - Text is now Dark */
    --gray: #64748b;
    /* Slate 500 */
    --dark-bg: #f1f5f9;
    /* Slate 100 - Light Background */

    /* Typography */
    --font-sans: 'Inter', sans-serif;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.05);
    --shadow-glow: 0 0 15px rgba(37, 99, 235, 0.1);

    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
}

body {
    background-color: var(--dark-bg);
    /* Now Light */
    color: var(--light);
    /* Now Dark */
    font-family: var(--font-sans);
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}