:root {
    /* Warna Utama */
    --color-primary:     #c0392b;
    --color-primary-dark:#a93226;
    --color-secondary:   #2c3e50;
    --color-accent:      #e74c3c;

    /* Warna Teks */
    --color-text:        #1a1a1a;
    --color-text-light:  #555555;
    --color-text-muted:  #888888;

    /* Warna Background */
    --color-bg:          #f5f5f5;
    --color-bg-white:    #ffffff;
    --color-bg-dark:     #1a1a2e;
    --color-border:      #e0e0e0;

    /* Warna Badge/Status */
    --color-publish:     #27ae60;
    --color-draft:       #f39c12;
    --color-error:       #e74c3c;
    --color-success:     #27ae60;

    /* Typography */
    --font-primary:      'Georgia', serif;
    --font-secondary:    'Arial', sans-serif;
    --font-size-base:    16px;
    --font-size-sm:      14px;
    --font-size-xs:      12px;
    --font-size-lg:      18px;
    --font-size-xl:      24px;
    --font-size-2xl:     32px;
    --font-size-3xl:     42px;

    /* Spacing */
    --space-xs:          4px;
    --space-sm:          8px;
    --space-md:          16px;
    --space-lg:          24px;
    --space-xl:          32px;
    --space-2xl:         48px;
    --space-3xl:         64px;

    /* Border Radius */
    --radius-sm:         4px;
    --radius-md:         8px;
    --radius-lg:         12px;

    /* Shadow */
    --shadow-sm:         0 1px 3px rgba(0,0,0,0.1);
    --shadow-md:         0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg:         0 10px 20px rgba(0,0,0,0.15);

    /* Layout */
    --container-width:   1200px;
    --sidebar-width:     300px;
    --header-height:     70px;

    /* Transition */
    --transition:        0.2s ease;

    /* Z-index */
    --z-header:          100;
    --z-drawer:          200;
    --z-overlay:         150;
}