/* css/variables.css */
:root {
    /* Identitas Warna */
    --color-linear-teal: #78afac;
    --color-linear-teal-hover: #5d9390;
    --color-linear-teal-light: #f0f7f7; /* Background tipis saat kotak dipilih */
    
    --color-rekan-navy: #1a2a3a;
    --color-rekan-blue: #2c3e50;
    
    /* Warna Netral & Background */
    --bg-main: #f8f9fa;
    --bg-card: #ffffff;
    --text-main: #333333;
    --text-muted: #6c757d;
    --border-color: #e2e8f0;

    /* Bayangan & Radius (Estetika Modern) */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Font */
    --font-primary: 'Plus Jakarta Sans', sans-serif;
}

/* Reset Dasar */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #f8fafc;
        /* Menambahkan efek grid arsitektur tipis di latar belakang */
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 20px 20px;
    font-family: var(--font-primary);
    color: var(--text-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}