
    .color-custom-sections--19767863640117__mms_region_bar,
    .color-custom-sections--19767863640117__mms_region_bar .text-block {
      /* Background */
      --color-background: #17201a;
      --color-background-rgb: 23 32 26;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: var(--palette-lightest);
        --color-rgb: var(--palette-lightest-rgb);
        --color-foreground: var(--palette-lightest);
        --color-foreground-rgb: var(--palette-lightest-rgb);
        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
        --color-border: var(--palette-lightest);
        --color-border-rgb: var(--palette-lightest-rgb);
      
    }

    
      .color-custom-sections--19767863640117__mms_region_bar {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
      }
    

    .color-custom-sections--19767863640117__mms_region_bar {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  