.bg-sunset-triangles {
    background-color: #FEF3C7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23FEF3C7'/%3E%3Cpath d='M0 0L20 20L40 0M0 40L20 20L40 40' fill='none' stroke='%23F59E0B' stroke-width='1'/%3E%3Cpath d='M20 0L20 40' stroke='%23EA580C' stroke-width='0.5' stroke-dasharray='2,2'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%23DC2626'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-ocean-waves {
    background-color: #EFF6FF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23EFF6FF'/%3E%3Cpath d='M0 15Q10 5 20 15T40 15M0 35Q10 25 20 35T40 35' fill='none' stroke='%233B82F6' stroke-width='1'/%3E%3Cpath d='M0 25Q10 15 20 25T40 25' fill='none' stroke='%230EA5E9' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-spring-garden {
    background-color: #ECFDF5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ECFDF5'/%3E%3Ccircle cx='10' cy='10' r='3' fill='%2310B981'/%3E%3Ccircle cx='30' cy='30' r='3' fill='%2310B981'/%3E%3Cpath d='M10 10C15 15 25 15 30 10M10 30C15 25 25 25 30 30' stroke='%23059669' fill='none' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-berry-burst {
    background-color: #FDF2F8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23FDF2F8'/%3E%3Ccircle cx='20' cy='20' r='8' fill='%23EC4899'/%3E%3Ccircle cx='0' cy='0' r='8' fill='%23BE185D'/%3E%3Ccircle cx='40' cy='40' r='8' fill='%23BE185D'/%3E%3Ccircle cx='0' cy='40' r='8' fill='%23DB2777'/%3E%3Ccircle cx='40' cy='0' r='8' fill='%23DB2777'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-retro-memphis {
    background-color: #FAFAF9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23FAFAF9'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23F59E0B'/%3E%3Crect x='5' y='5' width='6' height='6' fill='%236366F1'/%3E%3Crect x='30' y='30' width='6' height='6' fill='%23EC4899'/%3E%3Cpath d='M0 25L40 15' stroke='%2310B981' stroke-width='1' stroke-dasharray='2,2'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-purple-rain {
    background-color: #FAF5FF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23FAF5FF'/%3E%3Cpath d='M0 0l40 40M10 0l30 40M20 0l20 40M0 10l30 30M0 20l20 20M0 30l10 10' stroke='%239333EA' stroke-width='0.5'/%3E%3Cpath d='M0 0l40 40M0 40l40-40' stroke='%237E22CE' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-candy-stripes {
    background-color: #FEE2E2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23FEE2E2'/%3E%3Cpath d='M0 10h40M0 30h40' stroke='%23EF4444' stroke-width='3'/%3E%3Cpath d='M0 20h40' stroke='%23F87171' stroke-width='3'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-tropical-leaves {
    background-color: #F0FDF4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23F0FDF4'/%3E%3Cpath d='M10 10C20 10 20 20 10 20C20 20 20 30 10 30' stroke='%2316A34A' fill='none' stroke-width='2'/%3E%3Cpath d='M30 10C20 10 20 20 30 20C20 20 20 30 30 30' stroke='%2322C55E' fill='none' stroke-width='2'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-golden-lattice {
    background-color: #FFFBEB;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23FFFBEB'/%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23F59E0B' stroke-width='0.5'/%3E%3Cpath d='M10 10h20v20H10z' stroke='%23B45309' fill='none' stroke-width='1'/%3E%3Ccircle cx='20' cy='20' r='2' fill='%2392400E'/%3E%3C/svg%3E");
    background-size: 40px 40px;
}

.bg-calendar-grid {
    background-color: #f8fafc;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' fill='%23f8fafc'/%3E%3Cpath d='M15 0v60M30 0v60M45 0v60' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3Cpath d='M0 15h60M0 30h60M0 45h60' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='2' fill='%2394a3b8'/%3E%3C/svg%3E");
    background-size: 60px 60px;
}

.bg-event-ribbons {
    background-color: #f0f9ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' fill='%23f0f9ff'/%3E%3Cpath d='M30 10c10 0 10 10 0 10s-10 10 0 10 10 10 0 10-10 10 0 10' stroke='%2393c5fd' fill='none' stroke-width='1'/%3E%3Cpath d='M15 20c10 0 10 10 0 10s-10 10 0 10' stroke='%2360a5fa' fill='none' stroke-width='1'/%3E%3Cpath d='M45 20c-10 0-10 10 0 10s10 10 0 10' stroke='%2360a5fa' fill='none' stroke-width='1'/%3E%3C/svg%3E");
    background-size: 60px 60px;
}

.bg-modern-confetti {
    background-color: #faf5ff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' fill='%23faf5ff'/%3E%3Ccircle cx='15' cy='15' r='1.5' fill='%23c084fc'/%3E%3Ccircle cx='45' cy='15' r='1.5' fill='%23a855f7'/%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%239333ea'/%3E%3Ccircle cx='15' cy='45' r='1.5' fill='%23a855f7'/%3E%3Ccircle cx='45' cy='45' r='1.5' fill='%23c084fc'/%3E%3Cpath d='M15 15l30 30M45 15l-30 30' stroke='%23e9d5ff' stroke-width='0.5'/%3E%3C/svg%3E");
    background-size: 60px 60px;
}

.bg-circuit-board {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23ffffff'/%3E%3Cpath d='M0 16h4v1H0v-1zM8 16h4v1H8v-1zM16 16h4v1h-4v-1zM24 16h4v1h-4v-1zM32 16h4v1h-4v-1z' fill='%23e2e8f0'/%3E%3Cpath d='M16 0v4h1V0h-1zM16 8v4h1V8h-1zM16 16v4h1v-4h-1zM16 24v4h1v-4h-1z' fill='%23e2e8f0'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%2394a3b8'/%3E%3C/svg%3E");
  background-size: 32px 32px;
}

.bg-hexagonal-grid {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Crect width='50' height='50' fill='%23ffffff'/%3E%3Cpath d='M25 3.5L6.699 14.25v21.5L25 46.5l18.301-10.75v-21.5L25 3.5z' fill='none' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3Cpath d='M6.699 14.25L25 25l18.301-10.75M25 25v21.5' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 50px 50px;
}

.bg-japanese-asanoha {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ffffff'/%3E%3Cpath d='M20 0l10 10-10 10L10 10zM0 20l10 10-10 10M40 20l-10 10 10 10M20 20l10 10-10 10L10 30z' stroke='%23e2e8f0' fill='none' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.bg-moroccan-tiles {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ffffff'/%3E%3Cpath d='M0 0h20v20H0zM20 20h20v20H20z' fill='%23f8fafc'/%3E%3Cpath d='M10 0A10 10 0 000 10M30 20a10 10 0 0110 10M10 20a10 10 0 0110 10M30 0a10 10 0 01-10 10' stroke='%23e2e8f0' fill='none' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.bg-diagonal-stripes {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23ffffff'/%3E%3Cpath d='M-5,5 l30,-30M-5,15 l30,-30M-5,25 l30,-30' stroke='%23e2e8f0' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-polka-waves {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' fill='%23ffffff'/%3E%3Ccircle cx='15' cy='15' r='1' fill='%23e2e8f0'/%3E%3Ccircle cx='0' cy='0' r='1' fill='%23e2e8f0'/%3E%3Ccircle cx='30' cy='0' r='1' fill='%23e2e8f0'/%3E%3Ccircle cx='0' cy='30' r='1' fill='%23e2e8f0'/%3E%3Ccircle cx='30' cy='30' r='1' fill='%23e2e8f0'/%3E%3Cpath d='M0,15 Q15,5 30,15' stroke='%23e2e8f0' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");
  background-size: 30px 30px;
}

.bg-nordic-squares {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ffffff'/%3E%3Cpath d='M10,10h20v20H10z M0,0h10v10H0z M30,0h10v10H30z M0,30h10v10H0z M30,30h10v10H30z' stroke='%23e2e8f0' fill='none' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.bg-aztec-diamonds {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ffffff'/%3E%3Cpath d='M20,0 l20,20 -20,20 -20,-20z M10,20 l10,-10 10,10 -10,10z' stroke='%23e2e8f0' fill='none' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.bg-bamboo-weave {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ffffff'/%3E%3Cpath d='M0,10 h40 M0,20 h40 M0,30 h40' stroke='%23e2e8f0' stroke-width='2'/%3E%3Cpath d='M10,0 v40 M20,0 v40 M30,0 v40' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.bg-art-deco-sunburst {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Crect width='50' height='50' fill='%23ffffff'/%3E%3Cpath d='M25,25 l25,-25 M25,25 l25,0 M25,25 l25,25 M25,25 l0,25 M25,25 l-25,25 M25,25 l-25,0 M25,25 l-25,-25 M25,25 l0,-25' stroke='%23e2e8f0' stroke-width='0.5'/%3E%3Ccircle cx='25' cy='25' r='3' fill='%2394a3b8'/%3E%3C/svg%3E");
  background-size: 50px 50px;
}

.bg-celtic-knots {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ffffff'/%3E%3Cpath d='M0,20 q10,-10 20,0 t20,0 M0,10 q10,-10 20,0 t20,0 M0,30 q10,-10 20,0 t20,0' stroke='%23e2e8f0' fill='none' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.bg-origami-squares {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23ffffff'/%3E%3Cpath d='M0,0 h40 v40 h-40z M10,10 h20 v20 h-20z M15,15 l10,10 M25,15 l-10,10' stroke='%23e2e8f0' fill='none' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

.bg-dotted-notebook {
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='white'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23CCCCCC'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-pdi {
  background-color: #f0f9ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23f0f9ff'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%2393c5fd'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-leadershipinitiative {
  background-color: #faf5ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23faf5ff'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23c084fc'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-indigo {
  background-color: #eef2ff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23eef2ff'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23818cf8'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-ifcc {
  background-color: #fff7ed;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23fff7ed'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23fb923c'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-yellow {
  background-color: #fefce8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23fefce8'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23facc15'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-cdsc {
  background-color: #f2f9ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23f2f9ec'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%2334d399'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-pink {
  background-color: #fdf2f8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23fdf2f8'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23ec4899'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-red {
  background-color: #fef2f2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23fef2f2'/%3E%3Ccircle cx='10' cy='10' r='0.8' fill='%23ef4444'/%3E%3C/svg%3E");
  background-size: 20px 20px;
}

.bg-dotted-dense {
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect width='10' height='10' fill='white'/%3E%3Ccircle cx='5' cy='5' r='0.8' fill='%23CCCCCC'/%3E%3C/svg%3E");
  background-size: 10px 10px;
}