/* Base styling for the new RAL swatch containers */
.ral-swatch-table {
    /* Optional: Ensure the table takes full width and maintains structure */
    width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
}

.ral-swatch-table td {
    /* Ensure the content is centered, matching the old table alignment */
    text-align: center;
    padding: 5px; /* Add some spacing around each cell */
    vertical-align: top; /* Align content at the top of the cell */
}

.ral-swatch {
    /* Set the dimensions for the coloured block itself */
    width: 100px;
    height: 50px;
    margin: 0 auto; /* Center the swatch horizontally */
    border: 1px solid #ccc; /* Add a light border to define the swatch */
    box-sizing: border-box; /* Ensure border is included in width/height */
}

/* Specific colour assignments for each RAL code */
.ral-swatch-1000 { background-color: #C9B681; }
.ral-swatch-1001 { background-color: #C2B092; }
.ral-swatch-1002 { background-color: #C7AD76; }
.ral-swatch-1003 { background-color: #E4A02A; }
.ral-swatch-1004 { background-color: #E4A61E; }
.ral-swatch-1005 { background-color: #C79A3D; }
.ral-swatch-1006 { background-color: #E5A337; }
.ral-swatch-1007 { background-color: #E29824; }
.ral-swatch-1011 { background-color: #9B7C54; }
.ral-swatch-1012 { background-color: #CCC32A; }
.ral-swatch-1013 { background-color: #DDCDB3; }
.ral-swatch-1014 { background-color: #E5D3B3; }
.ral-swatch-1015 { background-color: #E6D3C1; }
.ral-swatch-1016 { background-color: #F0E130; }
.ral-swatch-1017 { background-color: #EAB33B; }
.ral-swatch-1018 { background-color: #F3E03C; }
.ral-swatch-1019 { background-color: #A5927A; }
.ral-swatch-1020 { background-color: #9C8D58; }
.ral-swatch-1021 { background-color: #F2C800; }
.ral-swatch-1023 { background-color: #F0BB00; }
.ral-swatch-1024 { background-color: #BC8B44; }
.ral-swatch-1027 { background-color: #9E7C3E; }
.ral-swatch-1028 { background-color: #FFA000; }
.ral-swatch-1032 { background-color: #DDA200; }
.ral-swatch-1033 { background-color: #E8A900; }
.ral-swatch-1034 { background-color: #E0A34E; }
.ral-swatch-2000 { background-color: #E97D0E; }
.ral-swatch-2001 { background-color: #C75127; }
.ral-swatch-2002 { background-color: #C03221; }
.ral-swatch-2003 { background-color: #F08200; }
.ral-swatch-2004 { background-color: #E85500; }
.ral-swatch-2008 { background-color: #F16F4F; }
.ral-swatch-2009 { background-color: #E85500; }
.ral-swatch-2010 { background-color: #D16744; }
.ral-swatch-2011 { background-color: #E55B00; }
.ral-swatch-2012 { background-color: #E26744; }
.ral-swatch-3000 { background-color: #AF3E34; }
.ral-swatch-3001 { background-color: #A52019; }
.ral-swatch-3002 { background-color: #9B2226; }
.ral-swatch-3003 { background-color: #9B1B30; }
.ral-swatch-3004 { background-color: #6F2630; }
.ral-swatch-3005 { background-color: #5E2129; }
.ral-swatch-3007 { background-color: #43292C; }
.ral-swatch-3009 { background-color: #753428; }
.ral-swatch-3011 { background-color: #813733; }
.ral-swatch-3012 { background-color: #A37E74; }
.ral-swatch-3013 { background-color: #8E323A; }
.ral-swatch-3014 { background-color: #D27387; }
.ral-swatch-3015 { background-color: #E1A6AD; }
.ral-swatch-3016 { background-color: #BB5148; }
.ral-swatch-3017 { background-color: #BA555D; }
.ral-swatch-3018 { background-color: #C14552; }
.ral-swatch-3020 { background-color: #BF1E2D; }
.ral-swatch-3022 { background-color: #C16E70; }
.ral-swatch-3027 { background-color: #C72740; }
.ral-swatch-3031 { background-color: #B73138; }
.ral-swatch-4001 { background-color: #8F5F8F; }
.ral-swatch-4002 { background-color: #853D52; }
.ral-swatch-4003 { background-color: #CB7C95; }
.ral-swatch-4004 { background-color: #5C3549; }
.ral-swatch-4005 { background-color: #6D6DA3; }
.ral-swatch-4006 { background-color: #A34375; }
.ral-swatch-4007 { background-color: #4D384B; }
.ral-swatch-4008 { background-color: #82576B; }
.ral-swatch-4009 { background-color: #968CA5; }
.ral-swatch-5000 { background-color: #3B587E; }
.ral-swatch-5001 { background-color: #2B5868; }
.ral-swatch-5002 { background-color: #232E60; }
.ral-swatch-5003 { background-color: #2D3E50; }
.ral-swatch-5004 { background-color: #242835; }
.ral-swatch-5005 { background-color: #17538A; }
.ral-swatch-5007 { background-color: #426E86; }
.ral-swatch-5008 { background-color: #34404C; }
.ral-swatch-5009 { background-color: #355C75; }
.ral-swatch-5010 { background-color: #004F7E; }
.ral-swatch-5011 { background-color: #2D3C4B; }
.ral-swatch-5012 { background-color: #3391BC; }
.ral-swatch-5013 { background-color: #1C3B5E; }
.ral-swatch-5014 { background-color: #6F7E9C; }
.ral-swatch-5015 { background-color: #1C81AB; }
.ral-swatch-5017 { background-color: #0067A8; }
.ral-swatch-5018 { background-color: #008B8B; }
.ral-swatch-5019 { background-color: #006C8F; }
.ral-swatch-5020 { background-color: #00445C; }
.ral-swatch-5021 { background-color: #00667C; }
.ral-swatch-5022 { background-color: #263953; }
.ral-swatch-5023 { background-color: #5E7A94; }
.ral-swatch-5024 { background-color: #6A93AC; }
.ral-swatch-6000 { background-color: #375D5F; }
.ral-swatch-6001 { background-color: #376F46; }
.ral-swatch-6002 { background-color: #3C613A; }
.ral-swatch-6003 { background-color: #4B5135; }
.ral-swatch-6004 { background-color: #00505A; }
.ral-swatch-6005 { background-color: #384937; }
.ral-swatch-6006 { background-color: #55534A; }
.ral-swatch-6007 { background-color: #42493A; }
.ral-swatch-6008 { background-color: #473F32; }
.ral-swatch-6009 { background-color: #2D3E31; }
.ral-swatch-6010 { background-color: #4C743D; }
.ral-swatch-6011 { background-color: #6B8E55; }
.ral-swatch-6012 { background-color: #313B39; }
.ral-swatch-6013 { background-color: #736A4C; }
.ral-swatch-6014 { background-color: #6C5E48; }
.ral-swatch-6015 { background-color: #49453C; }
.ral-swatch-6016 { background-color: #00655E; }
.ral-swatch-6017 { background-color: #487236; }
.ral-swatch-6018 { background-color: #5E983B; }
.ral-swatch-6019 { background-color: #92B0A9; }
.ral-swatch-6020 { background-color: #374636; }
.ral-swatch-6021 { background-color: #8C9975; }
.ral-swatch-6022 { background-color: #594D3C; }
.ral-swatch-6024 { background-color: #007954; }
.ral-swatch-6025 { background-color: #597A53; }
.ral-swatch-6026 { background-color: #006857; }
.ral-swatch-6027 { background-color: #89C7B6; }
.ral-swatch-6028 { background-color: #2F594C; }
.ral-swatch-6029 { background-color: #007A5E; }
.ral-swatch-6032 { background-color: #33735E; }
.ral-swatch-6033 { background-color: #577771; }
.ral-swatch-6034 { background-color: #79A3AE; }
.ral-swatch-7000 { background-color: #8D99A1; }
.ral-swatch-7001 { background-color: #8D9198; }
.ral-swatch-7002 { background-color: #75705E; }
.ral-swatch-7003 { background-color: #837E70; }
.ral-swatch-7004 { background-color: #989FA4; }
.ral-swatch-7005 { background-color: #707577; }
.ral-swatch-7006 { background-color: #807B73; }
.ral-swatch-7008 { background-color: #80684C; }
.ral-swatch-7009 { background-color: #676962; }
.ral-swatch-7010 { background-color: #68716A; }
.ral-swatch-7011 { background-color: #585D64; }
.ral-swatch-7012 { background-color: #676D70; }
.ral-swatch-7013 { background-color: #625950; }
.ral-swatch-7015 { background-color: #575F67; }
.ral-swatch-7016 { background-color: #384048; }
.ral-swatch-7021 { background-color: #3A4349; }
.ral-swatch-7022 { background-color: #52504B; }
.ral-swatch-7023 { background-color: #878D82; }
.ral-swatch-7024 { background-color: #4D5154; }
.ral-swatch-7026 { background-color: #4E565B; }
.ral-swatch-7030 { background-color: #999388; }
.ral-swatch-7031 { background-color: #5E6971; }
.ral-swatch-7032 { background-color: #B1AF9F; }
.ral-swatch-7033 { background-color: #8F9083; }
.ral-swatch-7034 { background-color: #9D967D; }
.ral-swatch-7035 { background-color: #B8BCC2; }
.ral-swatch-7036 { background-color: #7C7D81; }
.ral-swatch-7037 { background-color: #7B7D82; }
.ral-swatch-7038 { background-color: #B8B8B5; }
.ral-swatch-7039 { background-color: #6D6961; }
.ral-swatch-7040 { background-color: #9299A1; }
.ral-swatch-7042 { background-color: #868B8D; }
.ral-swatch-7043 { background-color: #6C706D; }
.ral-swatch-7044 { background-color: #B7B4A9; }
.ral-swatch-7045 { background-color: #889097; }
.ral-swatch-7046 { background-color: #77818A; }
.ral-swatch-7047 { background-color: #CACED3; }
.ral-swatch-8000 { background-color: #967B54; }
.ral-swatch-8001 { background-color: #9F7E4E; }
.ral-swatch-8002 { background-color: #754432; }
.ral-swatch-8003 { background-color: #875F44; }
.ral-swatch-8004 { background-color: #8A4F39; }
.ral-swatch-8007 { background-color: #6E533F; }
.ral-swatch-8008 { background-color: #665239; }
.ral-swatch-8011 { background-color: #68483B; }
.ral-swatch-8012 { background-color: #6D3D39; }
.ral-swatch-8014 { background-color: #5C433C; }
.ral-swatch-8015 { background-color: #68453D; }
.ral-swatch-8016 { background-color: #61403E; }
.ral-swatch-8017 { background-color: #503737; }
.ral-swatch-8019 { background-color: #4C4B4C; }
.ral-swatch-8022 { background-color: #373A3E; }
.ral-swatch-8023 { background-color: #9E6446; }
.ral-swatch-8024 { background-color: #7E5F4D; }
.ral-swatch-8025 { background-color: #937B6F; }
.ral-swatch-8028 { background-color: #664B3B; }
.ral-swatch-9001 { background-color: #EAE6D9; }
.ral-swatch-9002 { background-color: #BFB8AE; }
.ral-swatch-9003 { background-color: #ECECE4; }
.ral-swatch-9004 { background-color: #383A3C; }
.ral-swatch-9005 { background-color: #0F1418; }
.ral-swatch-9006 { background-color: #A4A9AD; }
.ral-swatch-9007 { background-color: #8C8E90; }
.ral-swatch-9010 { background-color: #F1EFE6; }
.ral-swatch-9011 { background-color: #2F323A; }
.ral-swatch-9016 { background-color: #F6F6F1; }
.ral-swatch-9017 { background-color: #3A3A3C; }
.ral-swatch-9018 { background-color: #D3D8D7; }