/* ==========================================================================
    CSS VARIABLES (Custom Properties)
   ========================================================================== */

:root {
    /* Editor Canvas Background */
    --wp-editor-canvas-background: var(--wp--preset--color--zen-white, #fafafa) !important;
    
    /* Grayscale Palette */
    --zen-white:   #fafafa;
    --zen-card:    #ffffff;
    --zen-mist:    #f2f2f2;
    --zen-line:    #e6e6e6;
    --zen-ink:     #1a1a1a;
    --zen-soft-ink: #555555;
    --zen-stone:   #888888;
    
    /* Accent Colors */
    --zen-red:        #FF0038;
    --zen-vermillion: #ED5126;
    --zen-gold:       #c69214;
    --line-green:     #06C755;
    
    /* Product Format Colors */
    --stl-color:  #3d4d55;
    --resin-color: #a5953c;
    --theme-gold: #b9ab80;
    
    /* Shadows */
    --shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
    
    /* Bootstrap Overrides */
    --bs-primary:   #3b5b7a;
    --bs-secondary: #6c757d;
    --bs-success:   #5c8d5c;
    --bs-danger:    #b65c5c;
    --bs-warning:   #caa65a;
    --bs-info:      #5c7c9e;
    --bs-light:     #fafafa;
    --bs-dark:      #111111;
}