:root { --designtex-theme-red: #f05123; --designtex-theme-red-rgb: 240, 81, 35; --designtex-theme-green: #85ae6b; --designtex-theme-green-rgb: 133, 174, 107; --designtex-theme-blue: #3390c4; --designtex-theme-blue-rgb: 51, 144, 196; --designtex-theme-moncur: #97b8ad; --designtex-theme-moncur-rgb: 151, 184, 173; --designtex-theme-orange: #ea8640; --designtex-theme-orange-rgb: 234, 134, 64; --designtex-theme-yellow: #fbd133; --designtex-theme-yellow-rgb: 251, 209, 51; --designtex-theme-chestnut: #9a472d; --designtex-theme-chestnut-rgb: 154, 71, 45; --designtex-theme-cashmere: #e8bfa9; --designtex-theme-cashmere-rgb: 232, 191, 169; --designtex-theme-alabaster: #eae7dc; --designtex-theme-alabaster-rgb: 234, 231, 220; --designtex-theme-lemon: #fef39f; --designtex-theme-lemon-rgb: 254, 243, 159; --designtex-theme-water-lily: #dde4d3; --designtex-theme-water-lily-rgb: 221, 228, 211; --designtex-theme-mineral: #526456; --designtex-theme-mineral-rgb: 82, 100, 86; --designtex-theme-mystic: #d3e6e6; --designtex-theme-mystic-rgb: 211, 230, 230; --designtex-theme-mediterranea: #3e5e64; --designtex-theme-mediterranea-rgb: 62, 94, 100; --designtex-theme-casper: #b8cdd8; --designtex-theme-casper-rgb: 184, 205, 216; --designtex-theme-bermuda-gray: #6a8ca3; --designtex-theme-bermuda-gray-rgb: 106, 140, 163; --designtex-theme-mako: #464b59; --designtex-theme-mako-rgb: 70, 75, 89; --designtex-theme-red-100: #fdede9; --designtex-theme-red-100-rgb: 253, 237, 233; --designtex-theme-red-200: #facabd; --designtex-theme-red-200-rgb: 250, 202, 189; --designtex-theme-red-300: #f7a891; --designtex-theme-red-300-rgb: 247, 168, 145; --designtex-theme-red-400: #f48565; --designtex-theme-red-400-rgb: 244, 133, 101; --designtex-theme-red-500: #f05123; --designtex-theme-red-500-rgb: 240, 81, 35; --designtex-theme-red-600: #d8481f; --designtex-theme-red-600-rgb: 216, 72, 31; --designtex-theme-red-700: #a83818; --designtex-theme-red-700-rgb: 168, 56, 24; --designtex-theme-red-800: #782811; --designtex-theme-red-800-rgb: 120, 40, 17; --designtex-theme-red-900: #48180a; --designtex-theme-red-900-rgb: 72, 24, 10; --designtex-theme-green-100: #f2f6f0; --designtex-theme-green-100-rgb: 242, 246, 240; --designtex-theme-green-200: #dae6d2; --designtex-theme-green-200-rgb: 218, 230, 210; --designtex-theme-green-300: #c2d6b5; --designtex-theme-green-300-rgb: 194, 214, 181; --designtex-theme-green-400: #a9c697; --designtex-theme-green-400-rgb: 169, 198, 151; --designtex-theme-green-500: #85ae6b; --designtex-theme-green-500-rgb: 133, 174, 107; --designtex-theme-green-600: #779c60; --designtex-theme-green-600-rgb: 119, 156, 96; --designtex-theme-green-700: #5d794a; --designtex-theme-green-700-rgb: 93, 121, 74; --designtex-theme-green-800: #425735; --designtex-theme-green-800-rgb: 66, 87, 53; --designtex-theme-green-900: #273420; --designtex-theme-green-900-rgb: 39, 52, 32; --designtex-theme-blue-100: #eaf3f9; --designtex-theme-blue-100-rgb: 234, 243, 249; --designtex-theme-blue-200: #c1dded; --designtex-theme-blue-200-rgb: 193, 221, 237; --designtex-theme-blue-300: #99c7e1; --designtex-theme-blue-300-rgb: 153, 199, 225; --designtex-theme-blue-400: #70b1d5; --designtex-theme-blue-400-rgb: 112, 177, 213; --designtex-theme-blue-500: #3390c4; --designtex-theme-blue-500-rgb: 51, 144, 196; --designtex-theme-blue-600: #2d81b0; --designtex-theme-blue-600-rgb: 45, 129, 176; --designtex-theme-blue-700: #236489; --designtex-theme-blue-700-rgb: 35, 100, 137; --designtex-theme-blue-800: #194862; --designtex-theme-blue-800-rgb: 25, 72, 98; --designtex-theme-blue-900: #0f2b3a; --designtex-theme-blue-900-rgb: 15, 43, 58; --designtex-theme-moncur-100: #f4f7f6; --designtex-theme-moncur-100-rgb: 244, 247, 246; --designtex-theme-moncur-200: #dfe9e6; --designtex-theme-moncur-200-rgb: 223, 233, 230; --designtex-theme-moncur-300: #cbdbd6; --designtex-theme-moncur-300-rgb: 203, 219, 214; --designtex-theme-moncur-400: #b6cdc5; --designtex-theme-moncur-400-rgb: 182, 205, 197; --designtex-theme-moncur-500: #97b8ad; --designtex-theme-moncur-500-rgb: 151, 184, 173; --designtex-theme-moncur-600: #87a59b; --designtex-theme-moncur-600-rgb: 135, 165, 155; --designtex-theme-moncur-700: #698079; --designtex-theme-moncur-700-rgb: 105, 128, 121; --designtex-theme-moncur-800: #4b5c56; --designtex-theme-moncur-800-rgb: 75, 92, 86; --designtex-theme-moncur-900: #2d3733; --designtex-theme-moncur-900-rgb: 45, 55, 51; --designtex-theme-orange-100: #fcf2eb; --designtex-theme-orange-100-rgb: 252, 242, 235; --designtex-theme-orange-200: #f8dac5; --designtex-theme-orange-200-rgb: 248, 218, 197; --designtex-theme-orange-300: #f4c29f; --designtex-theme-orange-300-rgb: 244, 194, 159; --designtex-theme-orange-400: #f0aa79; --designtex-theme-orange-400-rgb: 240, 170, 121; --designtex-theme-orange-500: #ea8640; --designtex-theme-orange-500-rgb: 234, 134, 64; --designtex-theme-orange-600: #d27839; --designtex-theme-orange-600-rgb: 210, 120, 57; --designtex-theme-orange-700: #a35d2c; --designtex-theme-orange-700-rgb: 163, 93, 44; --designtex-theme-orange-800: #754320; --designtex-theme-orange-800-rgb: 117, 67, 32; --designtex-theme-orange-900: #462813; --designtex-theme-orange-900-rgb: 70, 40, 19; --designtex-theme-yellow-100: #fefaea; --designtex-theme-yellow-100-rgb: 254, 250, 234; --designtex-theme-yellow-200: #fdf1c1; --designtex-theme-yellow-200-rgb: 253, 241, 193; --designtex-theme-yellow-300: #fde899; --designtex-theme-yellow-300-rgb: 253, 232, 153; --designtex-theme-yellow-400: #fcde70; --designtex-theme-yellow-400-rgb: 252, 222, 112; --designtex-theme-yellow-500: #fbd133; --designtex-theme-yellow-500-rgb: 251, 209, 51; --designtex-theme-yellow-600: #e1bc2d; --designtex-theme-yellow-600-rgb: 225, 188, 45; --designtex-theme-yellow-700: #af9223; --designtex-theme-yellow-700-rgb: 175, 146, 35; --designtex-theme-yellow-800: #7d6819; --designtex-theme-yellow-800-rgb: 125, 104, 25; --designtex-theme-yellow-900: #4b3e0f; --designtex-theme-yellow-900-rgb: 75, 62, 15; } .bg-theme-red, .text-bg-theme-red { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-rgb); background: rgba(var(--designtex-theme-red-rgb), var(--designtex-bg-opacity)); } .text-theme-red { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-rgb); color: rgba(var(--designtex-theme-red-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green, .text-bg-theme-green { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-rgb); background: rgba(var(--designtex-theme-green-rgb), var(--designtex-bg-opacity)); } .text-theme-green { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-rgb); color: rgba(var(--designtex-theme-green-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue, .text-bg-theme-blue { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-rgb); background: rgba(var(--designtex-theme-blue-rgb), var(--designtex-bg-opacity)); } .text-theme-blue { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-rgb); color: rgba(var(--designtex-theme-blue-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur, .text-bg-theme-moncur { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-rgb); background: rgba(var(--designtex-theme-moncur-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-rgb); color: rgba(var(--designtex-theme-moncur-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange, .text-bg-theme-orange { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-rgb); background: rgba(var(--designtex-theme-orange-rgb), var(--designtex-bg-opacity)); } .text-theme-orange { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-rgb); color: rgba(var(--designtex-theme-orange-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow, .text-bg-theme-yellow { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-rgb); background: rgba(var(--designtex-theme-yellow-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-rgb); color: rgba(var(--designtex-theme-yellow-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-chestnut, .text-bg-theme-chestnut { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-chestnut-rgb); background: rgba(var(--designtex-theme-chestnut-rgb), var(--designtex-bg-opacity)); } .text-theme-chestnut { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-chestnut-rgb); color: rgba(var(--designtex-theme-chestnut-rgb), var(--designtex-text-opacity)); } .text-bg-theme-chestnut { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-cashmere, .text-bg-theme-cashmere { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-cashmere-rgb); background: rgba(var(--designtex-theme-cashmere-rgb), var(--designtex-bg-opacity)); } .text-theme-cashmere { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-cashmere-rgb); color: rgba(var(--designtex-theme-cashmere-rgb), var(--designtex-text-opacity)); } .text-bg-theme-cashmere { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-alabaster, .text-bg-theme-alabaster { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-alabaster-rgb); background: rgba(var(--designtex-theme-alabaster-rgb), var(--designtex-bg-opacity)); } .text-theme-alabaster { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-alabaster-rgb); color: rgba(var(--designtex-theme-alabaster-rgb), var(--designtex-text-opacity)); } .text-bg-theme-alabaster { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-lemon, .text-bg-theme-lemon { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-lemon-rgb); background: rgba(var(--designtex-theme-lemon-rgb), var(--designtex-bg-opacity)); } .text-theme-lemon { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-lemon-rgb); color: rgba(var(--designtex-theme-lemon-rgb), var(--designtex-text-opacity)); } .text-bg-theme-lemon { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-water-lily, .text-bg-theme-water-lily { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-water-lily-rgb); background: rgba(var(--designtex-theme-water-lily-rgb), var(--designtex-bg-opacity)); } .text-theme-water-lily { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-water-lily-rgb); color: rgba(var(--designtex-theme-water-lily-rgb), var(--designtex-text-opacity)); } .text-bg-theme-water-lily { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-mineral, .text-bg-theme-mineral { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-mineral-rgb); background: rgba(var(--designtex-theme-mineral-rgb), var(--designtex-bg-opacity)); } .text-theme-mineral { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-mineral-rgb); color: rgba(var(--designtex-theme-mineral-rgb), var(--designtex-text-opacity)); } .text-bg-theme-mineral { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-mystic, .text-bg-theme-mystic { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-mystic-rgb); background: rgba(var(--designtex-theme-mystic-rgb), var(--designtex-bg-opacity)); } .text-theme-mystic { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-mystic-rgb); color: rgba(var(--designtex-theme-mystic-rgb), var(--designtex-text-opacity)); } .text-bg-theme-mystic { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-mediterranea, .text-bg-theme-mediterranea { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-mediterranea-rgb); background: rgba(var(--designtex-theme-mediterranea-rgb), var(--designtex-bg-opacity)); } .text-theme-mediterranea { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-mediterranea-rgb); color: rgba(var(--designtex-theme-mediterranea-rgb), var(--designtex-text-opacity)); } .text-bg-theme-mediterranea { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-casper, .text-bg-theme-casper { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-casper-rgb); background: rgba(var(--designtex-theme-casper-rgb), var(--designtex-bg-opacity)); } .text-theme-casper { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-casper-rgb); color: rgba(var(--designtex-theme-casper-rgb), var(--designtex-text-opacity)); } .text-bg-theme-casper { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-bermuda-gray, .text-bg-theme-bermuda-gray { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-bermuda-gray-rgb); background: rgba(var(--designtex-theme-bermuda-gray-rgb), var(--designtex-bg-opacity)); } .text-theme-bermuda-gray { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-bermuda-gray-rgb); color: rgba(var(--designtex-theme-bermuda-gray-rgb), var(--designtex-text-opacity)); } .text-bg-theme-bermuda-gray { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-mako, .text-bg-theme-mako { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-mako-rgb); background: rgba(var(--designtex-theme-mako-rgb), var(--designtex-bg-opacity)); } .text-theme-mako { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-mako-rgb); color: rgba(var(--designtex-theme-mako-rgb), var(--designtex-text-opacity)); } .text-bg-theme-mako { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-100, .text-bg-theme-red-100 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-100-rgb); background: rgba(var(--designtex-theme-red-100-rgb), var(--designtex-bg-opacity)); } .text-theme-red-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-100-rgb); color: rgba(var(--designtex-theme-red-100-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-200, .text-bg-theme-red-200 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-200-rgb); background: rgba(var(--designtex-theme-red-200-rgb), var(--designtex-bg-opacity)); } .text-theme-red-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-200-rgb); color: rgba(var(--designtex-theme-red-200-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-300, .text-bg-theme-red-300 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-300-rgb); background: rgba(var(--designtex-theme-red-300-rgb), var(--designtex-bg-opacity)); } .text-theme-red-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-300-rgb); color: rgba(var(--designtex-theme-red-300-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-400, .text-bg-theme-red-400 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-400-rgb); background: rgba(var(--designtex-theme-red-400-rgb), var(--designtex-bg-opacity)); } .text-theme-red-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-400-rgb); color: rgba(var(--designtex-theme-red-400-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-500, .text-bg-theme-red-500 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-500-rgb); background: rgba(var(--designtex-theme-red-500-rgb), var(--designtex-bg-opacity)); } .text-theme-red-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-500-rgb); color: rgba(var(--designtex-theme-red-500-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-600, .text-bg-theme-red-600 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-600-rgb); background: rgba(var(--designtex-theme-red-600-rgb), var(--designtex-bg-opacity)); } .text-theme-red-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-600-rgb); color: rgba(var(--designtex-theme-red-600-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-700, .text-bg-theme-red-700 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-700-rgb); background: rgba(var(--designtex-theme-red-700-rgb), var(--designtex-bg-opacity)); } .text-theme-red-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-700-rgb); color: rgba(var(--designtex-theme-red-700-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-800, .text-bg-theme-red-800 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-800-rgb); background: rgba(var(--designtex-theme-red-800-rgb), var(--designtex-bg-opacity)); } .text-theme-red-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-800-rgb); color: rgba(var(--designtex-theme-red-800-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-red-900, .text-bg-theme-red-900 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-red-900-rgb); background: rgba(var(--designtex-theme-red-900-rgb), var(--designtex-bg-opacity)); } .text-theme-red-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-red-900-rgb); color: rgba(var(--designtex-theme-red-900-rgb), var(--designtex-text-opacity)); } .text-bg-theme-red-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-100, .text-bg-theme-green-100 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-100-rgb); background: rgba(var(--designtex-theme-green-100-rgb), var(--designtex-bg-opacity)); } .text-theme-green-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-100-rgb); color: rgba(var(--designtex-theme-green-100-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-200, .text-bg-theme-green-200 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-200-rgb); background: rgba(var(--designtex-theme-green-200-rgb), var(--designtex-bg-opacity)); } .text-theme-green-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-200-rgb); color: rgba(var(--designtex-theme-green-200-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-300, .text-bg-theme-green-300 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-300-rgb); background: rgba(var(--designtex-theme-green-300-rgb), var(--designtex-bg-opacity)); } .text-theme-green-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-300-rgb); color: rgba(var(--designtex-theme-green-300-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-400, .text-bg-theme-green-400 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-400-rgb); background: rgba(var(--designtex-theme-green-400-rgb), var(--designtex-bg-opacity)); } .text-theme-green-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-400-rgb); color: rgba(var(--designtex-theme-green-400-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-500, .text-bg-theme-green-500 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-500-rgb); background: rgba(var(--designtex-theme-green-500-rgb), var(--designtex-bg-opacity)); } .text-theme-green-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-500-rgb); color: rgba(var(--designtex-theme-green-500-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-600, .text-bg-theme-green-600 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-600-rgb); background: rgba(var(--designtex-theme-green-600-rgb), var(--designtex-bg-opacity)); } .text-theme-green-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-600-rgb); color: rgba(var(--designtex-theme-green-600-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-700, .text-bg-theme-green-700 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-700-rgb); background: rgba(var(--designtex-theme-green-700-rgb), var(--designtex-bg-opacity)); } .text-theme-green-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-700-rgb); color: rgba(var(--designtex-theme-green-700-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-800, .text-bg-theme-green-800 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-800-rgb); background: rgba(var(--designtex-theme-green-800-rgb), var(--designtex-bg-opacity)); } .text-theme-green-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-800-rgb); color: rgba(var(--designtex-theme-green-800-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-green-900, .text-bg-theme-green-900 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-green-900-rgb); background: rgba(var(--designtex-theme-green-900-rgb), var(--designtex-bg-opacity)); } .text-theme-green-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-green-900-rgb); color: rgba(var(--designtex-theme-green-900-rgb), var(--designtex-text-opacity)); } .text-bg-theme-green-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-100, .text-bg-theme-blue-100 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-100-rgb); background: rgba(var(--designtex-theme-blue-100-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-100-rgb); color: rgba(var(--designtex-theme-blue-100-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-200, .text-bg-theme-blue-200 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-200-rgb); background: rgba(var(--designtex-theme-blue-200-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-200-rgb); color: rgba(var(--designtex-theme-blue-200-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-300, .text-bg-theme-blue-300 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-300-rgb); background: rgba(var(--designtex-theme-blue-300-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-300-rgb); color: rgba(var(--designtex-theme-blue-300-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-400, .text-bg-theme-blue-400 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-400-rgb); background: rgba(var(--designtex-theme-blue-400-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-400-rgb); color: rgba(var(--designtex-theme-blue-400-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-500, .text-bg-theme-blue-500 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-500-rgb); background: rgba(var(--designtex-theme-blue-500-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-500-rgb); color: rgba(var(--designtex-theme-blue-500-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-600, .text-bg-theme-blue-600 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-600-rgb); background: rgba(var(--designtex-theme-blue-600-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-600-rgb); color: rgba(var(--designtex-theme-blue-600-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-700, .text-bg-theme-blue-700 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-700-rgb); background: rgba(var(--designtex-theme-blue-700-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-700-rgb); color: rgba(var(--designtex-theme-blue-700-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-800, .text-bg-theme-blue-800 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-800-rgb); background: rgba(var(--designtex-theme-blue-800-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-800-rgb); color: rgba(var(--designtex-theme-blue-800-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-blue-900, .text-bg-theme-blue-900 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-blue-900-rgb); background: rgba(var(--designtex-theme-blue-900-rgb), var(--designtex-bg-opacity)); } .text-theme-blue-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-blue-900-rgb); color: rgba(var(--designtex-theme-blue-900-rgb), var(--designtex-text-opacity)); } .text-bg-theme-blue-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-100, .text-bg-theme-moncur-100 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-100-rgb); background: rgba(var(--designtex-theme-moncur-100-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-100-rgb); color: rgba(var(--designtex-theme-moncur-100-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-200, .text-bg-theme-moncur-200 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-200-rgb); background: rgba(var(--designtex-theme-moncur-200-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-200-rgb); color: rgba(var(--designtex-theme-moncur-200-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-300, .text-bg-theme-moncur-300 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-300-rgb); background: rgba(var(--designtex-theme-moncur-300-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-300-rgb); color: rgba(var(--designtex-theme-moncur-300-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-400, .text-bg-theme-moncur-400 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-400-rgb); background: rgba(var(--designtex-theme-moncur-400-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-400-rgb); color: rgba(var(--designtex-theme-moncur-400-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-500, .text-bg-theme-moncur-500 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-500-rgb); background: rgba(var(--designtex-theme-moncur-500-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-500-rgb); color: rgba(var(--designtex-theme-moncur-500-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-600, .text-bg-theme-moncur-600 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-600-rgb); background: rgba(var(--designtex-theme-moncur-600-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-600-rgb); color: rgba(var(--designtex-theme-moncur-600-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-700, .text-bg-theme-moncur-700 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-700-rgb); background: rgba(var(--designtex-theme-moncur-700-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-700-rgb); color: rgba(var(--designtex-theme-moncur-700-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-800, .text-bg-theme-moncur-800 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-800-rgb); background: rgba(var(--designtex-theme-moncur-800-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-800-rgb); color: rgba(var(--designtex-theme-moncur-800-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-moncur-900, .text-bg-theme-moncur-900 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-moncur-900-rgb); background: rgba(var(--designtex-theme-moncur-900-rgb), var(--designtex-bg-opacity)); } .text-theme-moncur-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-moncur-900-rgb); color: rgba(var(--designtex-theme-moncur-900-rgb), var(--designtex-text-opacity)); } .text-bg-theme-moncur-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-100, .text-bg-theme-orange-100 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-100-rgb); background: rgba(var(--designtex-theme-orange-100-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-100-rgb); color: rgba(var(--designtex-theme-orange-100-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-200, .text-bg-theme-orange-200 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-200-rgb); background: rgba(var(--designtex-theme-orange-200-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-200-rgb); color: rgba(var(--designtex-theme-orange-200-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-300, .text-bg-theme-orange-300 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-300-rgb); background: rgba(var(--designtex-theme-orange-300-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-300-rgb); color: rgba(var(--designtex-theme-orange-300-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-400, .text-bg-theme-orange-400 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-400-rgb); background: rgba(var(--designtex-theme-orange-400-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-400-rgb); color: rgba(var(--designtex-theme-orange-400-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-500, .text-bg-theme-orange-500 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-500-rgb); background: rgba(var(--designtex-theme-orange-500-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-500-rgb); color: rgba(var(--designtex-theme-orange-500-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-600, .text-bg-theme-orange-600 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-600-rgb); background: rgba(var(--designtex-theme-orange-600-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-600-rgb); color: rgba(var(--designtex-theme-orange-600-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-700, .text-bg-theme-orange-700 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-700-rgb); background: rgba(var(--designtex-theme-orange-700-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-700-rgb); color: rgba(var(--designtex-theme-orange-700-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-800, .text-bg-theme-orange-800 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-800-rgb); background: rgba(var(--designtex-theme-orange-800-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-800-rgb); color: rgba(var(--designtex-theme-orange-800-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-orange-900, .text-bg-theme-orange-900 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-orange-900-rgb); background: rgba(var(--designtex-theme-orange-900-rgb), var(--designtex-bg-opacity)); } .text-theme-orange-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-orange-900-rgb); color: rgba(var(--designtex-theme-orange-900-rgb), var(--designtex-text-opacity)); } .text-bg-theme-orange-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-100, .text-bg-theme-yellow-100 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-100-rgb); background: rgba(var(--designtex-theme-yellow-100-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-100-rgb); color: rgba(var(--designtex-theme-yellow-100-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-100 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-200, .text-bg-theme-yellow-200 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-200-rgb); background: rgba(var(--designtex-theme-yellow-200-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-200-rgb); color: rgba(var(--designtex-theme-yellow-200-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-200 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-300, .text-bg-theme-yellow-300 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-300-rgb); background: rgba(var(--designtex-theme-yellow-300-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-300-rgb); color: rgba(var(--designtex-theme-yellow-300-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-300 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-400, .text-bg-theme-yellow-400 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-400-rgb); background: rgba(var(--designtex-theme-yellow-400-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-400-rgb); color: rgba(var(--designtex-theme-yellow-400-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-400 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-500, .text-bg-theme-yellow-500 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-500-rgb); background: rgba(var(--designtex-theme-yellow-500-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-500-rgb); color: rgba(var(--designtex-theme-yellow-500-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-500 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-600, .text-bg-theme-yellow-600 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-600-rgb); background: rgba(var(--designtex-theme-yellow-600-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-600-rgb); color: rgba(var(--designtex-theme-yellow-600-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-600 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-700, .text-bg-theme-yellow-700 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-700-rgb); background: rgba(var(--designtex-theme-yellow-700-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-700-rgb); color: rgba(var(--designtex-theme-yellow-700-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-700 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 0, 0, 0; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-800, .text-bg-theme-yellow-800 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-800-rgb); background: rgba(var(--designtex-theme-yellow-800-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-800-rgb); color: rgba(var(--designtex-theme-yellow-800-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-800 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-yellow-900, .text-bg-theme-yellow-900 { --designtex-bg-opacity: 1; --designtex-theme-bg-rgb: var(--designtex-theme-yellow-900-rgb); background: rgba(var(--designtex-theme-yellow-900-rgb), var(--designtex-bg-opacity)); } .text-theme-yellow-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: var(--designtex-theme-yellow-900-rgb); color: rgba(var(--designtex-theme-yellow-900-rgb), var(--designtex-text-opacity)); } .text-bg-theme-yellow-900 { --designtex-text-opacity: 1; --designtex-theme-color-rgb: 255, 255, 255; color: rgba(var(--designtex-theme-color-rgb), var(--designtex-text-opacity)); } .bg-theme-custom, .text-bg-theme-custom { --designtex-bg-opacity: 1; background: var(--designtex-theme-bg); } .text-theme-custom, .text-bg-theme-custom { --designtex-text-opacity: 1; color: var(--designtex-theme-color); } .btn-theme-light .btn-primary, .bg-theme-chestnut .btn-primary, .text-bg-theme-chestnut .btn-primary, .bg-theme-mineral .btn-primary, .text-bg-theme-mineral .btn-primary, .bg-theme-mediterranea .btn-primary, .text-bg-theme-mediterranea .btn-primary, .bg-theme-mako .btn-primary, .text-bg-theme-mako .btn-primary, .bg-theme-red-600 .btn-primary, .text-bg-theme-red-600 .btn-primary, .bg-theme-red-700 .btn-primary, .text-bg-theme-red-700 .btn-primary, .bg-theme-red-800 .btn-primary, .text-bg-theme-red-800 .btn-primary, .bg-theme-red-900 .btn-primary, .text-bg-theme-red-900 .btn-primary, .bg-theme-green-700 .btn-primary, .text-bg-theme-green-700 .btn-primary, .bg-theme-green-800 .btn-primary, .text-bg-theme-green-800 .btn-primary, .bg-theme-green-900 .btn-primary, .text-bg-theme-green-900 .btn-primary, .bg-theme-blue-700 .btn-primary, .text-bg-theme-blue-700 .btn-primary, .bg-theme-blue-800 .btn-primary, .text-bg-theme-blue-800 .btn-primary, .bg-theme-blue-900 .btn-primary, .text-bg-theme-blue-900 .btn-primary, .bg-theme-moncur-800 .btn-primary, .text-bg-theme-moncur-800 .btn-primary, .bg-theme-moncur-900 .btn-primary, .text-bg-theme-moncur-900 .btn-primary, .bg-theme-orange-700 .btn-primary, .text-bg-theme-orange-700 .btn-primary, .bg-theme-orange-800 .btn-primary, .text-bg-theme-orange-800 .btn-primary, .bg-theme-orange-900 .btn-primary, .text-bg-theme-orange-900 .btn-primary, .bg-theme-yellow-800 .btn-primary, .text-bg-theme-yellow-800 .btn-primary, .bg-theme-yellow-900 .btn-primary, .text-bg-theme-yellow-900 .btn-primary { --designtex-btn-color: #000; --designtex-btn-bg: #fff; --designtex-btn-border-color: #fff; --designtex-btn-hover-color: #000; --designtex-btn-hover-bg: rgba(255,255,255,.925); --designtex-btn-hover-border-color: rgba(255,255,255,.925); --designtex-btn-focus-shadow-rgb: 217,217,217; --designtex-btn-active-color: #000; --designtex-btn-active-bg: #fff; --designtex-btn-active-border-color: #fff; --designtex-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(255, 255, 255, 0.125); } .btn-theme-light .btn-outline-primary, .bg-theme-chestnut .btn-outline-primary, .text-bg-theme-chestnut .btn-outline-primary, .bg-theme-mineral .btn-outline-primary, .text-bg-theme-mineral .btn-outline-primary, .bg-theme-mediterranea .btn-outline-primary, .text-bg-theme-mediterranea .btn-outline-primary, .bg-theme-mako .btn-outline-primary, .text-bg-theme-mako .btn-outline-primary, .bg-theme-red-600 .btn-outline-primary, .text-bg-theme-red-600 .btn-outline-primary, .bg-theme-red-700 .btn-outline-primary, .text-bg-theme-red-700 .btn-outline-primary, .bg-theme-red-800 .btn-outline-primary, .text-bg-theme-red-800 .btn-outline-primary, .bg-theme-red-900 .btn-outline-primary, .text-bg-theme-red-900 .btn-outline-primary, .bg-theme-green-700 .btn-outline-primary, .text-bg-theme-green-700 .btn-outline-primary, .bg-theme-green-800 .btn-outline-primary, .text-bg-theme-green-800 .btn-outline-primary, .bg-theme-green-900 .btn-outline-primary, .text-bg-theme-green-900 .btn-outline-primary, .bg-theme-blue-700 .btn-outline-primary, .text-bg-theme-blue-700 .btn-outline-primary, .bg-theme-blue-800 .btn-outline-primary, .text-bg-theme-blue-800 .btn-outline-primary, .bg-theme-blue-900 .btn-outline-primary, .text-bg-theme-blue-900 .btn-outline-primary, .bg-theme-moncur-800 .btn-outline-primary, .text-bg-theme-moncur-800 .btn-outline-primary, .bg-theme-moncur-900 .btn-outline-primary, .text-bg-theme-moncur-900 .btn-outline-primary, .bg-theme-orange-700 .btn-outline-primary, .text-bg-theme-orange-700 .btn-outline-primary, .bg-theme-orange-800 .btn-outline-primary, .text-bg-theme-orange-800 .btn-outline-primary, .bg-theme-orange-900 .btn-outline-primary, .text-bg-theme-orange-900 .btn-outline-primary, .bg-theme-yellow-800 .btn-outline-primary, .text-bg-theme-yellow-800 .btn-outline-primary, .bg-theme-yellow-900 .btn-outline-primary, .text-bg-theme-yellow-900 .btn-outline-primary { --designtex-btn-color: #fff; --designtex-btn-border-color: #fff; --designtex-btn-hover-color: #fff; --designtex-btn-hover-border-color: #fff; --designtex-btn-focus-shadow-rgb: 217,217,217; --designtex-btn-active-color: #fff; --designtex-btn-active-border-color: #fff; --designtex-btn-active-shadow: inset 0 0.1875rem 0.3125rem rgba(255, 255, 255, 0.125); } .btn-theme-dark .btn-outline-primary, .bg-theme-red .btn-outline-primary, .text-bg-theme-red .btn-outline-primary, .bg-theme-green .btn-outline-primary, .text-bg-theme-green .btn-outline-primary, .bg-theme-blue .btn-outline-primary, .text-bg-theme-blue .btn-outline-primary, .bg-theme-moncur .btn-outline-primary, .text-bg-theme-moncur .btn-outline-primary, .bg-theme-orange .btn-outline-primary, .text-bg-theme-orange .btn-outline-primary, .bg-theme-yellow .btn-outline-primary, .text-bg-theme-yellow .btn-outline-primary, .bg-theme-cashmere .btn-outline-primary, .text-bg-theme-cashmere .btn-outline-primary, .bg-theme-alabaster .btn-outline-primary, .text-bg-theme-alabaster .btn-outline-primary, .bg-theme-lemon .btn-outline-primary, .text-bg-theme-lemon .btn-outline-primary, .bg-theme-water-lily .btn-outline-primary, .text-bg-theme-water-lily .btn-outline-primary, .bg-theme-mystic .btn-outline-primary, .text-bg-theme-mystic .btn-outline-primary, .bg-theme-casper .btn-outline-primary, .text-bg-theme-casper .btn-outline-primary, .bg-theme-bermuda-gray .btn-outline-primary, .text-bg-theme-bermuda-gray .btn-outline-primary, .bg-theme-red-100 .btn-outline-primary, .text-bg-theme-red-100 .btn-outline-primary, .bg-theme-red-200 .btn-outline-primary, .text-bg-theme-red-200 .btn-outline-primary, .bg-theme-red-300 .btn-outline-primary, .text-bg-theme-red-300 .btn-outline-primary, .bg-theme-red-400 .btn-outline-primary, .text-bg-theme-red-400 .btn-outline-primary, .bg-theme-red-500 .btn-outline-primary, .text-bg-theme-red-500 .btn-outline-primary, .bg-theme-green-100 .btn-outline-primary, .text-bg-theme-green-100 .btn-outline-primary, .bg-theme-green-200 .btn-outline-primary, .text-bg-theme-green-200 .btn-outline-primary, .bg-theme-green-300 .btn-outline-primary, .text-bg-theme-green-300 .btn-outline-primary, .bg-theme-green-400 .btn-outline-primary, .text-bg-theme-green-400 .btn-outline-primary, .bg-theme-green-500 .btn-outline-primary, .text-bg-theme-green-500 .btn-outline-primary, .bg-theme-green-600 .btn-outline-primary, .text-bg-theme-green-600 .btn-outline-primary, .bg-theme-blue-100 .btn-outline-primary, .text-bg-theme-blue-100 .btn-outline-primary, .bg-theme-blue-200 .btn-outline-primary, .text-bg-theme-blue-200 .btn-outline-primary, .bg-theme-blue-300 .btn-outline-primary, .text-bg-theme-blue-300 .btn-outline-primary, .bg-theme-blue-400 .btn-outline-primary, .text-bg-theme-blue-400 .btn-outline-primary, .bg-theme-blue-500 .btn-outline-primary, .text-bg-theme-blue-500 .btn-outline-primary, .bg-theme-blue-600 .btn-outline-primary, .text-bg-theme-blue-600 .btn-outline-primary, .bg-theme-moncur-100 .btn-outline-primary, .text-bg-theme-moncur-100 .btn-outline-primary, .bg-theme-moncur-200 .btn-outline-primary, .text-bg-theme-moncur-200 .btn-outline-primary, .bg-theme-moncur-300 .btn-outline-primary, .text-bg-theme-moncur-300 .btn-outline-primary, .bg-theme-moncur-400 .btn-outline-primary, .text-bg-theme-moncur-400 .btn-outline-primary, .bg-theme-moncur-500 .btn-outline-primary, .text-bg-theme-moncur-500 .btn-outline-primary, .bg-theme-moncur-600 .btn-outline-primary, .text-bg-theme-moncur-600 .btn-outline-primary, .bg-theme-moncur-700 .btn-outline-primary, .text-bg-theme-moncur-700 .btn-outline-primary, .bg-theme-orange-100 .btn-outline-primary, .text-bg-theme-orange-100 .btn-outline-primary, .bg-theme-orange-200 .btn-outline-primary, .text-bg-theme-orange-200 .btn-outline-primary, .bg-theme-orange-300 .btn-outline-primary, .text-bg-theme-orange-300 .btn-outline-primary, .bg-theme-orange-400 .btn-outline-primary, .text-bg-theme-orange-400 .btn-outline-primary, .bg-theme-orange-500 .btn-outline-primary, .text-bg-theme-orange-500 .btn-outline-primary, .bg-theme-orange-600 .btn-outline-primary, .text-bg-theme-orange-600 .btn-outline-primary, .bg-theme-yellow-100 .btn-outline-primary, .text-bg-theme-yellow-100 .btn-outline-primary, .bg-theme-yellow-200 .btn-outline-primary, .text-bg-theme-yellow-200 .btn-outline-primary, .bg-theme-yellow-300 .btn-outline-primary, .text-bg-theme-yellow-300 .btn-outline-primary, .bg-theme-yellow-400 .btn-outline-primary, .text-bg-theme-yellow-400 .btn-outline-primary, .bg-theme-yellow-500 .btn-outline-primary, .text-bg-theme-yellow-500 .btn-outline-primary, .bg-theme-yellow-600 .btn-outline-primary, .text-bg-theme-yellow-600 .btn-outline-primary, .bg-theme-yellow-700 .btn-outline-primary, .text-bg-theme-yellow-700 .btn-outline-primary { --designtex-btn-hover-border-color: #000; }